Verificador de contraste WCAG
Comprueba la relación de contraste entre dos colores y el cumplimiento WCAG AA / AAA.
🔒 100 % en el cliente — no se envía ningún dato
Verificador de contraste WCAG para comprobar la relación entre un color de texto y su fondo y validar la accesibilidad AA y AAA. Perfecto para que tus interfaces sean legibles para todos y conformes con las pautas WCAG. La relación se calcula íntegramente en tu navegador; ningún color se transmite nunca.
FAQ
¿Qué relación de contraste se necesita para cumplir con WCAG AA?
El nivel AA requiere una relación de al menos 4.5:1 para texto normal y 3:1 para texto grande. La herramienta muestra al instante si tus colores pasan la prueba.
¿Cuál es la diferencia entre los niveles AA y AAA?
El AAA es más estricto: requiere 7:1 para texto normal y 4.5:1 para texto grande, frente a 4.5:1 y 3:1 del AA. El AAA apunta a la máxima accesibilidad.
¿Qué cuenta como "texto grande" según WCAG?
El texto se considera grande a partir de 18 pt (24 px) normal, o 14 pt (18.66 px) en negrita. Los umbrales de contraste son más flexibles en ese caso.
¿Cómo se calcula la relación de contraste?
Compara la luminancia relativa de los dos colores mediante (L1 + 0.05) / (L2 + 0.05), dando un valor entre 1:1 y 21:1. La herramienta aplica esta fórmula oficial del W3C.