Comprobador de contraste de color
Prueba los colores de primer plano y de fondo frente a los estándares de accesibilidad WCAG 2.1. Mira al instante los resultados de aprobado/no aprobado para AA y AAA en todos los tamaños de texto.
Vista previa en vivo
Vista previa de texto grande (24 px negrita)
Vista previa de texto normal (16 px). El veloz zorro marrón salta sobre el perro perezoso. Este ejemplo muestra cómo se ve tu combinación de colores en un tamaño de texto estándar.
Vista previa de texto pequeño (14 px). Comprueba si esto sigue siendo legible. Un buen contraste garantiza que todos los usuarios puedan leer tu contenido cómodamente.
Acerca del contraste de color WCAG
♿ Por qué importa el contraste
Un contraste de color suficiente garantiza que el texto sea legible para todos, incluidas las personas con baja visión o con deficiencias en la visión del color. Las WCAG 2.1 establecen el estándar global.
📏 AA vs. AAA
AA exige 4,5:1 para texto normal y 3:1 para texto grande. AAA es más estricto, con 7:1 y 4,5:1 respectivamente. La mayoría de las organizaciones apuntan a la conformidad AA como requisito mínimo.
📐 Definición de texto grande
El texto grande es de al menos 18 pt (24 px) con grosor normal o 14 pt (18,66 px) en negrita. Tiene requisitos de contraste menores porque los glifos más grandes son más fáciles de leer.
⚡ Instantáneo & gratis
Sin registro, sin solicitudes al servidor. Todo se ejecuta en tu navegador. Prueba tantas combinaciones de colores como quieras.