#650CF3

#650CF3

#9AF30C

#9AF30C

对比度

5.24:1

Delta E

226.5

Very Different

50:50 混合

#A7909F

颜色值

格式 #650CF3 #9AF30C
HEX #650CF3 #9AF30C
RGB 101, 12, 243 154, 243, 12
HSL 263.1, 90.6%, 50.0% 83.1, 90.6%, 50.0%
HSV 263.1, 95.1%, 95.3% 83.1, 95.1%, 95.3%
CMYK 58.4%, 95.1%, 0.0%, 4.7% 36.6%, 0.0%, 95.1%, 4.7%
OKLCH 0.4931 0.2801 286.6 0.8737 0.2382 131.3

对比度与无障碍

5.24:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #9AF30C → 背景色: #650CF3

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

文本: #650CF3 → 背景色: #9AF30C

色差 (Delta E)

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

渐变

#650CF3 #8848D8 #9C6EBC #A7909F #AAB180 #A6D25A #9AF30C

颜色混合

#650CF3

100%

#935BCA

75:25

#A7909F

50:50

#A9C26E

25:75

#9AF30C

100%

CSS渐变代码

background: linear-gradient(to right, #650CF3, #9AF30C);
background: linear-gradient(135deg, #650CF3, #9AF30C);

探索每种颜色

#650CF3

查看完整颜色详情

#9AF30C

查看完整颜色详情

相关比较