颜色代码与配色
金色色值与色阶
金色是一种饱和的黄橙色，标准值为 #FFD700。在屏幕上常表示奖励、庆祝和高级状态，少量强调通常比大面积铺陈更显精致。
金色 #FFD700
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#FFD700 RGB
rgb(255, 215, 0) HSL
hsl(51, 100%, 50%) OKLCH
oklch(89.0% 0.182 95.0) 金色是一种饱和的黄橙色，标准值为 #FFD700。在屏幕上常表示奖励、庆祝和高级状态，少量强调通常比大面积铺陈更显精致。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Gold 50 | #FFFBE5 | ||
| Gold 100 | #FFF4B3 | ||
| Gold 200 | #FFEC80 | ||
| Gold 300 | #FFE44D | ||
| Gold 400 | #FFDD1A | ||
| Gold 500 | #E6C300 | ||
| Gold 600 | #B39800 | ||
| Gold 700 | #806C00 | ||
| Gold 800 | #4D4100 | ||
| Gold 900 | #1A1600 |
三角和谐色
在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
金色的使用场景
01
奖项、评分和高级徽章
02
庆祝类图形
03
搭配海军蓝、黑色或栗色的强调