颜色代码与配色
珊瑚色色值与色阶
珊瑚色是一种温暖的粉橙色，CSS 标准值为 #FF7F50。它活泼亲切，能为行动按钮和插画带来能量，又不像纯红色那样强硬。
珊瑚色 #FF7F50
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#FF7F50 RGB
rgb(255, 127, 80) HSL
hsl(16, 100%, 66%) OKLCH
oklch(74.0% 0.168 40.0) 珊瑚色是一种温暖的粉橙色，CSS 标准值为 #FF7F50。它活泼亲切，能为行动按钮和插画带来能量，又不像纯红色那样强硬。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Coral 50 | #FFECE5 | ||
| Coral 100 | #FFC7B3 | ||
| Coral 200 | #FFA280 | ||
| Coral 300 | #FF7C4D | ||
| Coral 400 | #FF571A | ||
| Coral 500 | #E63D00 | ||
| Coral 600 | #B33000 | ||
| Coral 700 | #802200 | ||
| Coral 800 | #4D1400 | ||
| Coral 900 | #1A0700 |
三角和谐色
在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
珊瑚色的使用场景
01
亲切的行动按钮
02
旅行与生活方式插画
03
搭配蓝绿色的强调