颜色代码与配色
绿色色值与色阶
绿色常让数字产品联想到成长、自然与积极结果。本色系包含浅薄荷绿、均衡祖母绿和深森林绿，可用于状态、仪表盘和品牌设计。
绿色
#22C55E
颜色格式
同一基础色在常用网页格式中的表示。
色阶
| 颜色 | 名称 | HEX | RGB | HSL | 复制 |
|---|---|---|---|---|---|
| Mint Cream | #F0FDF4 | 240, 253, 244 | 138, 76%, 97% | ||
| Mint Light | #DCFCE7 | 220, 252, 231 | 141, 84%, 93% | ||
| Mint | #BBF7D0 | 187, 247, 208 | 141, 79%, 85% | ||
| Seafoam | #86EFAC | 134, 239, 172 | 142, 77%, 73% | ||
| Spring Green | #4ADE80 | 74, 222, 128 | 142, 69%, 58% | ||
| Green | #22C55E | 34, 197, 94 | 142, 71%, 45% | ||
| Grass | #16A34A | 22, 163, 74 | 142, 76%, 36% | ||
| Forest | #15803D | 21, 128, 61 | 142, 72%, 29% | ||
| Dark Green | #166534 | 22, 101, 52 | 143, 64%, 24% | ||
| Pine | #14532D | 20, 83, 45 | 144, 61%, 20% | ||
| Emerald Light | #ECFDF5 | 236, 253, 245 | 152, 81%, 96% | ||
| Emerald Pale | #D1FAE5 | 209, 250, 229 | 149, 80%, 90% | ||
| Emerald Soft | #A7F3D0 | 167, 243, 208 | 152, 76%, 80% | ||
| Emerald | #6EE7B7 | 110, 231, 183 | 156, 72%, 67% | ||
| Jade | #34D399 | 52, 211, 153 | 158, 64%, 52% | ||
| Teal Green | #10B981 | 16, 185, 129 | 160, 84%, 39% | ||
| Sea Green | #059669 | 5, 150, 105 | 161, 94%, 30% | ||
| Ocean Green | #047857 | 4, 120, 87 | 163, 94%, 24% | ||
| Deep Green | #065F46 | 6, 95, 70 | 163, 88%, 20% | ||
| Hunter | #064E3B | 6, 78, 59 | 164, 86%, 16% |
CSS 关键字: green
在 CSS 中可以直接写作关键字 green。
文字对比度
以下比值基于 WCAG 相对亮度公式。
Aa 白色文字 2.28:1
未通过
Aa 黑色文字 9.22:1
AAA
绿色的使用场景
成功与确认状态
可持续与健康品牌
金融图表和仪表盘