Verificador de Contraste
Verificador de contraste de color gratuito en línea para accesibilidad WCAG AA y AAA. Ingresa colores de texto y fondo para verificar el cumplimiento al instante.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
21:1
Contrast Ratio
| WCAG AA | WCAG AAA | |
|---|---|---|
| Normal Text | ||
| Large Text |
Cómo funciona
- Introduce el color del texto como código HEX (p. ej. #333333) o selecciónalo con el selector de color.
- Introduce el color de fondo de la misma manera.
- Pulsa el botón de verificación para calcular el ratio de contraste al instante.
- Revisa los resultados para comprobar si cumple con los niveles WCAG AA o AAA.
- Ajusta los colores según sea necesario hasta alcanzar el nivel de accesibilidad deseado.
Ejemplo
Entrada: Color de texto: #1a1a1a, Color de fondo: #ffffff
Resultado: Ratio de contraste: 19.32:1 — Supera WCAG AA y AAA para texto normal y grande
FAQ
El ratio de contraste mide la diferencia de luminosidad entre dos colores. Va de 1:1 (sin contraste) a 21:1 (máximo contraste, como negro sobre blanco). Un buen contraste es esencial para que el texto sea legible por todos los usuarios.
El nivel AA exige un ratio mínimo de 4.5:1 para texto normal y 3:1 para texto grande (18pt o 14pt en negrita). El nivel AAA, más exigente, requiere 7:1 para texto normal y 4.5:1 para texto grande.
Sí, tus datos están completamente seguros. Todo el procesamiento se realiza en el lado del cliente, directamente en tu navegador. Ningún dato de color ni ninguna otra información se envía a ningún servidor.
En España, el cumplimiento de WCAG 2.1 nivel AA es obligatorio para los sitios web del sector público y para muchas empresas privadas según el Real Decreto 1112/2018. Se recomienda seguir estos estándares para todos los sitios web.
Sí, la herramienta admite varios formatos de color, incluidos HEX, RGB y el selector visual de colores. Usa el formato que mejor se adapte a tu flujo de trabajo.