颜色代码与配色
紫色色值与色阶
紫色覆盖柔和薰衣草、饱和紫罗兰和深李子色。根据饱和度不同，它可以显得富有想象力、高级或非传统，与克制的中性色表面搭配尤其有效。
紫色
#A855F7
颜色格式
同一基础色在常用网页格式中的表示。
色阶
| 颜色 | 名称 | HEX | RGB | HSL | 复制 |
|---|---|---|---|---|---|
| Lavender Blush | #FAF5FF | 250, 245, 255 | 270, 100%, 98% | ||
| Lavender Light | #F3E8FF | 243, 232, 255 | 269, 100%, 95% | ||
| Lavender | #E9D5FF | 233, 213, 255 | 269, 100%, 92% | ||
| Wisteria | #D8B4FE | 216, 180, 254 | 269, 97%, 85% | ||
| Orchid | #C084FC | 192, 132, 252 | 270, 95%, 75% | ||
| Purple | #A855F7 | 168, 85, 247 | 271, 91%, 65% | ||
| Violet | #9333EA | 147, 51, 234 | 271, 81%, 56% | ||
| Amethyst | #7E22CE | 126, 34, 206 | 272, 72%, 47% | ||
| Grape | #6B21A8 | 107, 33, 168 | 273, 67%, 39% | ||
| Plum | #581C87 | 88, 28, 135 | 274, 66%, 32% | ||
| Fuchsia Light | #FDF4FF | 253, 244, 255 | 289, 100%, 98% | ||
| Fuchsia Pale | #FAE8FF | 250, 232, 255 | 287, 100%, 95% | ||
| Fuchsia | #F5D0FE | 245, 208, 254 | 288, 96%, 91% | ||
| Pink Magenta | #F0ABFC | 240, 171, 252 | 291, 93%, 83% | ||
| Magenta | #E879F9 | 232, 121, 249 | 292, 91%, 73% | ||
| Hot Pink | #D946EF | 217, 70, 239 | 292, 84%, 61% | ||
| Deep Magenta | #C026D3 | 192, 38, 211 | 293, 69%, 49% | ||
| Purple Red | #A21CAF | 162, 28, 175 | 295, 72%, 40% | ||
| Berry | #86198F | 134, 25, 143 | 295, 70%, 33% | ||
| Dark Purple | #701A75 | 112, 26, 117 | 297, 64%, 28% |
CSS 关键字: purple
在 CSS 中可以直接写作关键字 purple。
文字对比度
以下比值基于 WCAG 相对亮度公式。
Aa 白色文字 3.96:1
AA · 大号文字
Aa 黑色文字 5.31:1
AA
紫色的使用场景
创意与高端品牌
功能强调和渐变
美妆、文化与娱乐产品