Comprobador de Contraste de Color
Comprueba si dos colores tienen contraste suficiente para leerse. Obtén el ratio y los resultados WCAG AA y AAA.
Cómo funciona
- 1
Introduce el color del texto
Un código HEX como #333333.
- 2
Introduce el color del fondo
Un código HEX como #ffffff.
- 3
Lee el resultado
El ratio y si cumple cada nivel WCAG.
Herramientas relacionadas
Otras herramientas que la gente usa justo después de esta.
Hecho para no estorbar
487
Herramientas disponibles
6
Idiomas
0
Marcas de agua añadidas
2h
Hasta borrar tus archivos
100%
Gratis para empezar
∞
Dispositivos compatibles
Preguntas frecuentes
Al menos 4,5:1 para texto normal y 3:1 para texto grande para cumplir AA.
El texto accesible empieza por el contraste
WCAG exige un ratio de contraste de al menos 4,5:1 para texto normal y 3:1 para texto grande en el nivel AA; el AAA lo eleva a 7:1 y 4,5:1. Texto grande es 24px normal o 18,66px en negrita, o más.
El ratio se calcula a partir de la luminancia relativa de cada color, según la fórmula de WCAG 2. Un contraste suficiente ayuda a todos — sobre todo a quien tiene baja visión o mira la pantalla bajo el sol.