¿Cuál es el contraste mínimo exigido por el WCAG?

Nivel AA: 4.5:1 para texto normal y 3:1 para texto grande. Nivel AAA: 7:1 para texto normal y 4.5:1 para texto grande.

¿Qué cuenta como "texto grande"?

Texto desde 18pt (24px), o 14pt (18.66px) en negrita, según las pautas del WCAG.

¿Mis datos se envían a algún servidor?

No. Todo el cálculo ocurre localmente, en tu navegador.

Verificador de Contraste (WCAG)

Elige el color del texto y el color del fondo para ver el contraste entre ellos y si cumplen los niveles AA y AAA del WCAG.

Color del texto

Color del fondo

Texto grande de ejemplo

Este es un texto normal de ejemplo para evaluar la legibilidad.

Proporción de contraste

14.68:1

Texto normal

AA: aprobado

AAA: aprobado

Texto grande

AA: aprobado

AAA: aprobado

Cómo funciona

Todo el procesamiento se hace localmente, en tu navegador. Ningún color se envía a un servidor. El contraste se calcula siguiendo la fórmula oficial del WCAG 2.x, a partir de la luminancia relativa de cada color. El resultado es una proporción de 1:1 (sin contraste alguno) a 21:1 (negro sobre blanco, el máximo). Las pautas de accesibilidad exigen contrastes mínimos distintos para texto normal y texto grande (desde 18pt, o 14pt en negrita), y definen dos niveles de conformidad: AA (mínimo recomendado) y AAA (más riguroso).

Preguntas frecuentes

Herramientas relacionadas

ColoresSelector de ColoresElige un color y mira HEX, RGB y HSL al instante.ColoresGenerador de Paleta de ColoresGenera paletas armónicas a partir de un color base.ColoresSimulador de DaltonismoMira cómo se ve una imagen para personas daltónicas.