Comprobador de contraste de colores — WCAG AA y AAA
Comprueba el contraste de texto y fondo según WCAG AA y AAA. Introduce colores HEX, previsualiza el texto y copia el informe. Gratis y en tu navegador.
Introduce dos colores HEX o usa los selectores. Los resultados cambian al editar. Revisa la proporción y las comprobaciones para texto normal y grande. Intercambia los colores para ver la combinación inversa o copia el informe.
Información importante
Compara colores sRGB opacos con la fórmula de luminancia relativa de WCAG 2.2. No inspecciona sitios ni certifica su accesibilidad. Transparencias, degradados, imágenes, tipografía y contexto necesitan revisión aparte. Se comprueba la proporción sin redondear; se muestran tres decimales.
Para texto, AA exige 4,5:1 en tamaño normal y 3:1 en texto grande. AAA exige 7:1 y 4,5:1 respectivamente. La tabla comprueba los cuatro umbrales sin redondear el cálculo.
¿Por qué puede fallar una proporción cercana a 4,5?
Un valor inferior a 4,5:1 no cumple AA para texto normal aunque al redondearlo parezca 4,5. Deja un margen adicional de contraste.
¿Puedo comprobar transparencias o un sitio completo?
Se comparan dos colores HEX sólidos. Para transparencias, usa los colores finales de la composición. Degradados e imágenes pueden exigir varias comprobaciones. No es una auditoría automática.
¿Cómo mejoro una combinación que falla?
Aclara el color claro u oscurece el oscuro y revisa el resultado y la vista previa. No comuniques información solo mediante el color.