颜色代码与配色
珊瑚色色值与色阶
珊瑚色是一种温暖的粉橙色,CSS 标准值为 #FF7F50。它活泼亲切,能为行动按钮和插画带来能量,又不像纯红色那样强硬。
珊瑚色
#FF7F50
颜色格式
同一基础色在常用网页格式中的表示。
色阶
| 颜色 | 名称 | HEX | RGB | HSL | 复制 |
|---|---|---|---|---|---|
| Coral 50 | #FFECE5 | 255, 236, 229 | 16, 100%, 95% | ||
| Coral 100 | #FFC7B3 | 255, 199, 179 | 16, 100%, 85% | ||
| Coral 200 | #FFA280 | 255, 162, 128 | 16, 100%, 75% | ||
| Coral 300 | #FF7C4D | 255, 124, 77 | 16, 100%, 65% | ||
| Coral 400 | #FF571A | 255, 87, 26 | 16, 100%, 55% | ||
| Coral 500 | #E63D00 | 230, 61, 0 | 16, 100%, 45% | ||
| Coral 600 | #B33000 | 179, 48, 0 | 16, 100%, 35% | ||
| Coral 700 | #802200 | 128, 34, 0 | 16, 100%, 25% | ||
| Coral 800 | #4D1400 | 77, 20, 0 | 16, 100%, 15% | ||
| Coral 900 | #1A0700 | 26, 7, 0 | 16, 100%, 5% |
文字对比度
以下比值基于 WCAG 相对亮度公式。
Aa 白色文字 2.50:1
未通过
Aa 黑色文字 8.40:1
AAA
珊瑚色的使用场景
亲切的行动按钮
旅行与生活方式插画
搭配蓝绿色的强调