颜色代码与配色
黄色色值与色阶
黄色从安静的奶油色、明亮的柠檬黄延伸到自然的芥末黄。高亮黄色具有很强的视觉显著性，适合搭配深色文字作为有节制的强调色。
黄色 #EAB308
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#EAB308 RGB
rgb(234, 179, 8) HSL
hsl(45, 93%, 47%) OKLCH
oklch(80.0% 0.162 86.0) 黄色从安静的奶油色、明亮的柠檬黄延伸到自然的芥末黄。高亮黄色具有很强的视觉显著性，适合搭配深色文字作为有节制的强调色。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Cream | #FEFCE8 | ||
| Ivory | #FEF9C3 | ||
| Lemon Light | #FEF08A | ||
| Lemon | #FDE047 | ||
| Canary | #FACC15 | ||
| Yellow | #EAB308 | ||
| Mustard | #CA8A04 | ||
| Gold Dark | #A16207 | ||
| Olive Yellow | #854D0E | ||
| Dark Yellow | #713F12 | ||
| Lime Light | #F7FEE7 | ||
| Lime Cream | #ECFCCB | ||
| Lime Pale | #D9F99D | ||
| Lime | #BEF264 | ||
| Lime Bright | #A3E635 | ||
| Chartreuse | #84CC16 | ||
| Yellow Green | #65A30D | ||
| Olive | #4D7C0F | ||
| Army Green | #3F6212 | ||
| Dark Olive | #365314 |
三角和谐色
在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
黄色的使用场景
01
高亮、徽章与注意提示
02
乐观的编辑插画
03
搭配棕色或海军蓝的暖色方案