Verificador de contraste

Calcula la relación de contraste entre un color de texto y uno de fondo según el estándar WCAG.

Color de texto
Color de fondo
Contraste
1.00
Texto pequeño
Texto grande

Vista previa

Así se ve tu texto sobre el fondo elegido. Ajusta los colores hasta que sea cómodo de leer.

¿Qué es la relación de contraste?

Es una medida de la diferencia de luminosidad entre dos colores, expresada como una proporción de 1:1 (sin contraste) a 21:1 (máximo, negro sobre blanco). Cuanto mayor es, más legible resulta el texto.

¿Qué valores exige la WCAG?

Para texto pequeño, el nivel AA pide una relación de al menos 4,5:1 y el nivel AAA, 7:1. Para texto grande (18 pt o 14 pt en negrita), AA pide 3:1 y AAA, 4,5:1. Cumplir estos mínimos asegura que la mayoría de las personas, incluidas las de baja visión, puedan leer tu contenido.

Vista previa

Así se ve tu texto sobre el fondo elegido. Ajusta los colores hasta que sea cómodo de leer.