颜色代码与配色
紫色色值与色阶
紫色覆盖柔和薰衣草、饱和紫罗兰和深李子色。根据饱和度不同,它可以显得富有想象力、高级或非传统,与克制的中性色表面搭配尤其有效。
紫色 #A855F7
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#A855F7 RGB
rgb(168, 85, 247) HSL
hsl(271, 91%, 65%) OKLCH
oklch(63.0% 0.233 304.0) 紫色覆盖柔和薰衣草、饱和紫罗兰和深李子色。根据饱和度不同,它可以显得富有想象力、高级或非传统,与克制的中性色表面搭配尤其有效。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Lavender Blush | #FAF5FF | ||
| Lavender Light | #F3E8FF | ||
| Lavender | #E9D5FF | ||
| Wisteria | #D8B4FE | ||
| Orchid | #C084FC | ||
| Purple | #A855F7 | ||
| Violet | #9333EA | ||
| Amethyst | #7E22CE | ||
| Grape | #6B21A8 | ||
| Plum | #581C87 | ||
| Fuchsia Light | #FDF4FF | ||
| Fuchsia Pale | #FAE8FF | ||
| Fuchsia | #F5D0FE | ||
| Pink Magenta | #F0ABFC | ||
| Magenta | #E879F9 | ||
| Hot Pink | #D946EF | ||
| Deep Magenta | #C026D3 | ||
| Purple Red | #A21CAF | ||
| Berry | #86198F | ||
| Dark Purple | #701A75 |
三角和谐色
在色轮上等距分布的三种颜色,适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
紫色的使用场景
01
创意与高端品牌
02
功能强调和渐变
03
美妆、文化与娱乐产品