OKLCH 对比度检查器
使用 OKLCH 颜色检查颜色对比度比例以符合可访问性标准,实时 WCAG 评估。
前景色
Lightness
Chroma
Hue
背景色
Lightness
Chroma
Hue
操作
预览
Sample Heading Text
This is sample paragraph text to preview the contrast between foreground and background colors. The contrast ratio helps determine if text is readable.
Small text with reduced opacity
对比度结果
15.64:1
ExcellentContrast Ratio
AA
Normal Text
≥ 4.5:1
AAA
Normal Text
≥ 7:1
AA Large
Large Text
≥ 3:1
AAA Large
Large Text
≥ 4.5:1
Color Values
Foreground
HEX
#0e171eRGB
rgb(14, 23, 30)HSL
hsl(204.95, 38.07%, 8.59%)OKLCH
oklch(20% 0.020 240)Background
HEX
#e9f0f5RGB
rgb(233, 240, 245)HSL
hsl(205.78, 36.37%, 93.6%)OKLCH
oklch(95% 0.010 240)