Introduce color de primer plano y fondo para calcular el contraste WCAG y el estado AA/AAA (procesamiento local).
Texto de ejemplo
The quick brown fox jumps over the lazy dog. 0123456789
Aa
Resultados
Relación de contraste:
-
AA (texto normal) ≥ 4.5
-
AA (texto grande) ≥ 3.0
-
AAA (texto normal) ≥ 7.0
-
AAA (texto grande) ≥ 4.5
-
Color de primer plano sugerido
Usar negro:
-
Usar blanco:
-
Cómo usar
- Haz clic en los selectores de color de primer plano y fondo o introduce códigos HEX.
- Revisa la relación de contraste calculada (p. ej., 4.5:1).
- Comprueba el estado AA/AAA de WCAG 2.1 para texto normal y grande.
- Usa el menú de simulación para previsualizar cómo se ven los colores con distintas deficiencias visuales.
Consejos y FAQ
- WCAG AA requiere al menos 4.5:1 para texto normal y 3.0:1 para texto grande.
- WCAG AAA requiere al menos 7.0:1 para texto normal y 4.5:1 para texto grande.
- Si el contraste es insuficiente, prueba «Usar negro» o «Usar blanco».
- Todos los cálculos se realizan localmente en tu navegador.
