Verificador de contraste de color — WCAG AA/AAA
ColorUn verificador de contraste de color compara la luminancia relativa del color de texto y del fondo para calcular la relación de contraste WCAG y determinar si cumple o no los criterios.
Traducción asistida por IA en revisión
Esta página se tradujo con ayuda de IA y aún no ha recibido revisión profesional. Consulta las fuentes citadas antes de usarla para una decisión importante.
Qué es
En accesibilidad web, el contraste de color afecta a la legibilidad del texto. WCAG recomienda 4.5:1 para texto normal en AA, 3:1 para texto grande en AA y 7:1 para AAA.
relación de contraste = (más claro + 0.05) / (más oscuro + 0.05)
Cómo se usa
- 1Introduce el color HEX del texto.
- 2Introduce el color HEX del fondo.
- 3Consulta la relación de contraste y el resultado AA/AAA.
Referencia
| Texto | Fondo | Relación | Resultado |
|---|---|---|---|
| #111111 | #FFFFFF | 18.88:1 | AAA |
| #777777 | #FFFFFF | 4.48:1 | No cumple AA para texto normal |
Fuentes y estándares
Preguntas frecuentes
¿Cuál es el requisito de contraste de texto para WCAG AA?
El texto normal necesita al menos 4.5:1 y el texto grande al menos 3:1 para cumplir WCAG AA.
¿Se envían los datos del contraste de color a un servidor?
No. Esta herramienta se ejecuta en tu navegador y no envía los datos a ningún servidor.