Verificador de Contraste OKLCH
Verifica los ratios de contraste de color para cumplimiento de accesibilidad usando colores OKLCH con evaluación WCAG en tiempo real.
Color de primer plano
Lightness
Chroma
Hue
Color de fondo
Lightness
Chroma
Hue
Acciones
Vista previa
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
Resultados de contraste
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)