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.
Preguntas frecuentes
¿Qué es una buena relación de contraste de color?+
¿Qué cuenta como texto grande en las WCAG?+
¿Cuál es la diferencia entre WCAG AA y AAA?+
¿Cómo se calcula la relación de contraste?+
Más información
Haz que cada captura parezca profesional.
ScreenSnap Pro convierte capturas sencillas en imágenes pulidas — fondos, anotaciones, grabación de GIF y enlaces a la nube al instante.
Descubre ScreenSnap Pro