#2EB02E

#2EB02E

#B02EB0

#B02EB0

对比度

1.91:1

Delta E

157.84

Very Different

50:50 混合

颜色值

格式 #2EB02E #B02EB0
HEX #2EB02E #B02EB0
RGB 46, 176, 46 176, 46, 176
HSL 120.0, 58.6%, 43.5% 300.0, 58.6%, 43.5%
HSV 120.0, 73.9%, 69.0% 300.0, 73.9%, 69.0%
CMYK 73.9%, 0.0%, 73.9%, 31.0% 0.0%, 73.9%, 0.0%, 31.0%
OKLCH 0.6634 0.2004 142.9 0.5518 0.2169 328.0

对比度与无障碍

1.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #B02EB0 → 背景色: #2EB02E

敏捷的棕色狐狸跳过了懒狗

文本: #2EB02E → 背景色: #B02EB0

色差 (Delta E)

157.84 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #2EB02E, #B02EB0);
background: linear-gradient(135deg, #2EB02E, #B02EB0);

探索每种颜色

相关比较