#ADE5AE
#ADE5AE
#E5ADE4
#E5ADE4
颜色值
| 格式 | #ADE5AE | #E5ADE4 |
|---|---|---|
| HEX | #ADE5AE | #E5ADE4 |
| RGB | 173, 229, 174 | 229, 173, 228 |
| HSL | 121.1, 51.9%, 78.8% | 301.1, 51.9%, 78.8% |
| HSV | 121.1, 24.5%, 89.8% | 301.1, 24.5%, 89.8% |
| CMYK | 24.5%, 0.0%, 24.0%, 10.2% | 0.0%, 24.5%, 0.4%, 10.2% |
| OKLCH | 0.8691 0.0945 145.1 | 0.8164 0.0972 327.0 |
对比度与无障碍
1.28:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #E5ADE4 → 背景色: #ADE5AE
敏捷的棕色狐狸跳过了懒狗
文本: #ADE5AE → 背景色: #E5ADE4
色差 (Delta E)
71.3
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #ADE5AE, #E5ADE4);
background: linear-gradient(135deg, #ADE5AE, #E5ADE4);