主页色彩百科库
紫色 · 💻 CSS

Rebeccapurple

#663399

A medium muted purple with natural undertones. CSS standard color "rebeccapurple", widely used in web design and development.

以此色生成配色方案 →

情感与情绪

情感
BalancedCreative
情绪
StableGrounded

性格与象征

BalancedApproachableVersatile
推荐用途

Suitable for backgrounds and subtle design elements.

色彩和谐

深色变体
浅色变体

视觉分析

色相270°
饱和度50%
亮度40%
这是一个中间色调颜色,饱和度中等。它属于紫色相族(270°),在色环上处于冷色一侧。

技术参数

HEX#663399
RGBrgb(102, 51, 153)
HSLhsl(270, 50%, 40%)
CMYK33%, 67%, 0%, 40%
对比度Dark
CSSbackground: #663399;

可访问性 — WCAG 对比度

白色文字示例
The quick brown fox jumps.
8.41:1
AA AAA
黑色文字示例
The quick brown fox jumps.
2.50:1
AA AAA

WCAG 2.1 标准要求对比度 ≥4.5:1(AA 级)和 ≥7:1(AAA 级)。此颜色作为背景时推荐使用白色 (#FFFFFF)文字。

色彩心理学

色温感知

这个颜色处于冷暖色调的过渡带(色相 270°),既不过于活跃也不过于冷静,心理感受上非常灵活多用。

视觉重量

中间亮度(40%)创造了平衡的视觉感受,既不沉重也不虚浮,适合文字和交互元素。

饱和度影响

中等饱和度(50%)平衡了吸引力和视觉舒适度。这类色调可以长时间观看而不疲劳,适合日常使用的界面。

设计应用场景

奢侈高端

唤起奢华与独特感,适合高端品牌、美妆产品和时尚行业。

艺术灵性

连接想象力与灵性,适合画廊网站、冥想应用和创意作品集。

相似颜色

Dark Dusty Purple
#5C5167
Liliac
#C48EFD
Purple Heart
#8120DB
暮岩 (Twilight Slate)
#494251
夜藤 (Night Wisteria)
#31283B
Deep Purple-Rosewood
#7B6199
Medium Purple with a Touch of Magenta (#982FF3)
#982FF3
Medium Purple-Lavender
#A75BE7