颜色代码与配色
绿色色值与色阶
绿色常让数字产品联想到成长、自然与积极结果。本色系包含浅薄荷绿、均衡祖母绿和深森林绿，可用于状态、仪表盘和品牌设计。
绿色 #22C55E
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#22C55E RGB
rgb(34, 197, 94) HSL
hsl(142, 71%, 45%) OKLCH
oklch(72.0% 0.192 150.0) 绿色常让数字产品联想到成长、自然与积极结果。本色系包含浅薄荷绿、均衡祖母绿和深森林绿，可用于状态、仪表盘和品牌设计。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Mint Cream | #F0FDF4 | ||
| Mint Light | #DCFCE7 | ||
| Mint | #BBF7D0 | ||
| Seafoam | #86EFAC | ||
| Spring Green | #4ADE80 | ||
| Green | #22C55E | ||
| Grass | #16A34A | ||
| Forest | #15803D | ||
| Dark Green | #166534 | ||
| Pine | #14532D | ||
| Emerald Light | #ECFDF5 | ||
| Emerald Pale | #D1FAE5 | ||
| Emerald Soft | #A7F3D0 | ||
| Emerald | #6EE7B7 | ||
| Jade | #34D399 | ||
| Teal Green | #10B981 | ||
| Sea Green | #059669 | ||
| Ocean Green | #047857 | ||
| Deep Green | #065F46 | ||
| Hunter | #064E3B |
三角和谐色
在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
绿色的使用场景
01
成功与确认状态
02
可持续与健康品牌
03
金融图表和仪表盘