Texto de ejemplo
Así se lee un párrafo pequeño con estos colores.
Este comprobador de contraste de color calcula la relación de contraste entre el color del texto y el del fondo, y te dice si cumple los niveles WCAG AA y AAA de accesibilidad. Elige los colores y comprueba al instante si tu combinación es legible para todas las personas. Funciona en tu navegador, sin registro y en español.
Cómo comprobar el contraste
- Elige el color del texto y el color de fondo con los selectores o escribiendo el HEX.
- Mira la relación de contraste y las etiquetas de cumplimiento (AA / AAA).
- Ajusta los colores hasta que pase los niveles que necesites.
¿Qué es la relación de contraste WCAG?
Las pautas WCAG exigen un contraste mínimo para que el texto sea legible. Para texto normal se pide 4.5:1 (AA) o 7:1 (AAA); para texto grande, 3:1 (AA) o 4.5:1 (AAA). Cumplir estos valores mejora la accesibilidad y la experiencia de todos los usuarios. ¿Necesitas convertir o ajustar colores? Prueba nuestro conversor de color HEX, RGB y HSL.
Preguntas frecuentes
¿Qué se considera «texto grande»?
Texto de 18 puntos (24 px) o de 14 puntos (18.66 px) en negrita o más grande.
¿Por qué importa el contraste?
Un buen contraste hace tu web legible para personas con baja visión o daltonismo y mejora la usabilidad para todos, además de ser un requisito legal de accesibilidad en muchos casos.
¿Se envían mis datos a algún servidor?
No. El cálculo se realiza en tu navegador.
