#3AF53A

#3AF53A

#F53AF5

#F53AF5

对比度

2.1:1

Delta E

208.75

Very Different

50:50 混合

#C3B0A4

颜色值

格式 #3AF53A #F53AF5
HEX #3AF53A #F53AF5
RGB 58, 245, 58 245, 58, 245
HSL 120.0, 90.3%, 59.4% 300.0, 90.3%, 59.4%
HSV 120.0, 76.3%, 96.1% 300.0, 76.3%, 96.1%
CMYK 76.3%, 0.0%, 76.3%, 3.9% 0.0%, 76.3%, 0.0%, 3.9%
OKLCH 0.8475 0.2642 142.8 0.7003 0.2867 328.1

对比度与无障碍

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F53AF5 → 背景色: #3AF53A

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

文本: #3AF53A → 背景色: #F53AF5

色差 (Delta E)

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

渐变

#3AF53A #82E066 #A8C987 #C3B0A4 #D793C0 #E870DB #F53AF5

颜色混合

#3AF53A

100%

#97D477

75:25

#C3B0A4

50:50

#E083CD

25:75

#F53AF5

100%

CSS渐变代码

background: linear-gradient(to right, #3AF53A, #F53AF5);
background: linear-gradient(135deg, #3AF53A, #F53AF5);

探索每种颜色

#3AF53A

查看完整颜色详情

#F53AF5

查看完整颜色详情

相关比较