Comprobador de contraste de color
Elige un color de texto y de fondo para ver el ratio de contraste y el resultado WCAG.
Comprobador de contraste de color
Comprueba el ratio de contraste entre un color de texto y un fondo, y si cumple los niveles de accesibilidad WCAG — con una vista previa en vivo del texto sobre el fondo.
Qué significan los niveles
El ratio va de 1:1 (sin contraste) a 21:1 (negro sobre blanco). WCAG AA exige al menos 4,5:1 para texto normal y 3:1 para texto grande; AAA exige 7:1. El ratio usa la luminancia relativa, la misma fórmula que navegadores y herramientas de accesibilidad.
Preguntas frecuentes
¿Qué ratio de contraste necesito? Apunta a al menos 4,5:1 para el texto del cuerpo (AA); más es mejor.
¿Qué cuenta como texto grande? Aproximadamente 18pt (24px), o 14pt (18,66px) en negrita.