#70F5B5

#70F5B5

#F570B0

#F570B0

对比度

1.97:1

Delta E

114.8

Very Different

50:50 混合

#C7BAB3

颜色值

格式 #70F5B5 #F570B0
HEX #70F5B5 #F570B0
RGB 112, 245, 181 245, 112, 176
HSL 151.1, 86.9%, 70.0% 331.1, 86.9%, 70.0%
HSV 151.1, 54.3%, 96.1% 331.1, 54.3%, 96.1%
CMYK 54.3%, 0.0%, 26.1%, 3.9% 0.0%, 54.3%, 28.2%, 3.9%
OKLCH 0.8787 0.1491 160.1 0.7219 0.1761 352.3

对比度与无障碍

1.97:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F570B0 → 背景色: #70F5B5

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

文本: #70F5B5 → 背景色: #F570B0

色差 (Delta E)

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

渐变

#70F5B5 #97E2B4 #B2CFB4 #C7BAB3 #D9A5B2 #E88CB1 #F570B0

颜色混合

#70F5B5

100%

#A5D9B4

75:25

#C7BAB3

50:50

#E199B2

25:75

#F570B0

100%

CSS渐变代码

background: linear-gradient(to right, #70F5B5, #F570B0);
background: linear-gradient(135deg, #70F5B5, #F570B0);

探索每种颜色

#70F5B5

查看完整颜色详情

#F570B0

查看完整颜色详情

相关比较