Color Contrast

Calcula el ratio de contraste entre dos colores para asegurar que tu diseño cumple las guías de accesibilidad WCAG.

Color del Texto (Foreground):

Color de Fondo (Background):

Texto Grande

Esto es un texto de tamaño normal (18px) leyendo un párrafo en tu página web. Verifica que es legible.

Ratio de Contraste

4.5:1

Texto Normal (AA) - 4.5:1PASS

Texto Normal (AAA) - 7.0:1FAIL

Texto Grande (AA) - 3.0:1PASS

Texto Grande (AAA) - 4.5:1PASS

Acerca de la Accesibilidad WCAG

La W3C define en sus guías de accesibilidad que el texto normal debería tener al menos un ratio de contraste con su fondo de 4.5:1 para alcanzar el nivel AA, y 7:1 para el nivel estricto AAA. Para textos grandes (más de 18pt o 14pt en negrita), debido a que son más fáciles de leer, los requisitos bajan a 3:1 (AA) y 4.5:1 (AAA). Este calculador utiliza la fórmula matemática de luminancia relativa oficial.