颜色代码与配色
黄色色值与色阶
黄色从安静的奶油色、明亮的柠檬黄延伸到自然的芥末黄。高亮黄色具有很强的视觉显著性，适合搭配深色文字作为有节制的强调色。
黄色
#EAB308
颜色格式
同一基础色在常用网页格式中的表示。
色阶
| 颜色 | 名称 | HEX | RGB | HSL | 复制 |
|---|---|---|---|---|---|
| Cream | #FEFCE8 | 254, 252, 232 | 55, 92%, 95% | ||
| Ivory | #FEF9C3 | 254, 249, 195 | 55, 97%, 88% | ||
| Lemon Light | #FEF08A | 254, 240, 138 | 53, 98%, 77% | ||
| Lemon | #FDE047 | 253, 224, 71 | 50, 98%, 64% | ||
| Canary | #FACC15 | 250, 204, 21 | 48, 96%, 53% | ||
| Yellow | #EAB308 | 234, 179, 8 | 45, 93%, 47% | ||
| Mustard | #CA8A04 | 202, 138, 4 | 41, 96%, 40% | ||
| Gold Dark | #A16207 | 161, 98, 7 | 35, 92%, 33% | ||
| Olive Yellow | #854D0E | 133, 77, 14 | 32, 81%, 29% | ||
| Dark Yellow | #713F12 | 113, 63, 18 | 28, 73%, 26% | ||
| Lime Light | #F7FEE7 | 247, 254, 231 | 78, 92%, 95% | ||
| Lime Cream | #ECFCCB | 236, 252, 203 | 80, 89%, 89% | ||
| Lime Pale | #D9F99D | 217, 249, 157 | 81, 88%, 80% | ||
| Lime | #BEF264 | 190, 242, 100 | 82, 85%, 67% | ||
| Lime Bright | #A3E635 | 163, 230, 53 | 83, 78%, 55% | ||
| Chartreuse | #84CC16 | 132, 204, 22 | 84, 81%, 44% | ||
| Yellow Green | #65A30D | 101, 163, 13 | 85, 85%, 35% | ||
| Olive | #4D7C0F | 77, 124, 15 | 86, 78%, 27% | ||
| Army Green | #3F6212 | 63, 98, 18 | 86, 69%, 23% | ||
| Dark Olive | #365314 | 54, 83, 20 | 88, 61%, 20% |
CSS 关键字: yellow
在 CSS 中可以直接写作关键字 yellow。
文字对比度
以下比值基于 WCAG 相对亮度公式。
Aa 白色文字 1.92:1
未通过
Aa 黑色文字 10.95:1
AAA
黄色的使用场景
高亮、徽章与注意提示
乐观的编辑插画
搭配棕色或海军蓝的暖色方案