Comprobador de contraste WCAG
Evalúa el ratio de luminancia y contraste entre colores de primer plano y fondo para garantizar legibilidad universal y cumplimiento normativo en diseño web.
Selección de colores
Texto normal (< 18pt)
Mínimo exigido: 4.5:1
Texto grande (≥ 18pt o negrita)
Mínimo exigido: 3.0:1
Texto normal estricto
Mínimo exigido: 7.0:1
Texto grande estricto
Mínimo exigido: 4.5:1
Previsualización en componentes reales
Encabezado principal H1 (Grande)
Este es un párrafo de texto normal que permite comprobar la legibilidad del contenido en pantalla. Un buen contraste reduce la fatiga visual y garantiza una experiencia inclusiva para todos los usuarios.
Comprueba cómo perciben tu combinación de colores las personas con distintas alteraciones de visión cromática:
Preguntas frecuentes sobre contraste y accesibilidad WCAG
¿Por qué es obligatorio el cumplimiento de WCAG?
La Directiva Europea de Accesibilidad y la legislación española (Real Decreto 1112/2018 y Ley Europea de Accesibilidad) exigen que las plataformas digitales del sector público y empresas cumplan como mínimo el nivel WCAG AA para no excluir a personas con baja visión o dificultades visuales.
¿Cómo funciona el botón de autoajuste?
Aplica un algoritmo de búsqueda binaria sobre el canal de luminosidad (HSL) del color de texto, encontrando la tonalidad matemáticamente más próxima que alcanza el umbral de contraste requerido (4.5:1 o 7.0:1) sin perder la identidad cromática.
¿Se envían las paletas o colores a algún servidor?
No. Todos los cálculos de luminancia relativa, contrastes y simulaciones de daltonismo se ejecutan en tiempo real en tu navegador mediante funciones matemáticas nativas.