#2BC903
#2BC903
#A103C9
#A103C9
颜色值
| 格式 | #2BC903 | #A103C9 |
|---|---|---|
| HEX | #2BC903 | #A103C9 |
| RGB | 43, 201, 3 | 161, 3, 201 |
| HSL | 107.9, 97.1%, 40.0% | 287.9, 97.1%, 40.0% |
| HSV | 107.9, 98.5%, 78.8% | 287.9, 98.5%, 78.8% |
| CMYK | 78.6%, 0.0%, 98.5%, 21.2% | 19.9%, 98.5%, 0.0%, 21.2% |
| OKLCH | 0.7283 0.2405 141.3 | 0.5262 0.2558 316.6 |
对比度与无障碍
2.81:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #A103C9 → 背景色: #2BC903
敏捷的棕色狐狸跳过了懒狗
文本: #2BC903 → 背景色: #A103C9
色差 (Delta E)
197.99
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #2BC903, #A103C9);
background: linear-gradient(135deg, #2BC903, #A103C9);