Comprobador de Contraste de Color
Se ejecuta en tu navegador — tus datos nunca se suben.
Comprueba si dos colores cumplen los requisitos de contraste de accesibilidad WCAG 2.x para texto normal y grande, en los niveles AA y AAA. Se actualiza al instante mientras escribes.
Cómo usar Comprobador de Contraste
- 1
Introduce los colores hexadecimales de primer plano (texto) y de fondo.
- 2
La relación de contraste y el resultado se actualizan automáticamente.
Compartir
Preguntas frecuentes
¿Cuáles son los umbrales de contraste de WCAG?+
El texto normal necesita al menos 4,5:1 para AA o 7:1 para AAA. El texto grande (18 pt o más, o 14 pt en negrita) necesita al menos 3:1 para AA o 4,5:1 para AAA.
¿Cómo se calcula la relación?+
A partir de la fórmula de luminancia relativa de WCAG 2.x para cada color, y luego (más claro + 0,05) / (más oscuro + 0,05) — lo que da una relación de 1:1 (sin contraste) a 21:1 (negro sobre blanco).
¿Se suben mis datos a algún sitio?+
No. El cálculo se ejecuta completamente en tu navegador — no se envía nada a ningún servidor.