Comprobador de contraste de color
Comprueba al instante la legibilidad y el cumplimiento AA/AAA con la relación de contraste WCAG
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Una herramienta que calcula la relación de contraste WCAG entre el color de primer plano y el de fondo e indica si el texto normal y el grande cumplen los niveles de accesibilidad AA y AAA. Muestra además una vista previa con texto real, algo útil para diseñadores y desarrolladores que revisan la legibilidad y la accesibilidad web.
Cómo usar
- Introduce el color de primer plano (texto) y el de fondo con el selector de color o en HEX (#RRGGBB).
- Comprueba la relación de contraste calculada y las insignias de cumplimiento AA/AAA.
- Verifica la legibilidad a simple vista con la vista previa de texto real.
- Si no cumple, ajusta el color poco a poco hasta alcanzar como mínimo 4,5:1.
Preguntas frecuentes
- ¿Qué son AA y AAA?
- Son niveles de accesibilidad web de las WCAG. El texto normal requiere AA 4,5:1 y AAA 7:1, y el texto grande AA 3:1 y AAA 4,5:1. Para el cuerpo del texto se recomienda al menos AA.
- ¿Qué se considera «texto grande»?
- Se considera texto grande el de 18 pt (unos 24 px) o más, o el texto en negrita de 14 pt (unos 18,7 px) o más. El texto grande puede cumplir con una relación de contraste menor.
- ¿Se envían a un servidor los colores que introduzco?
- No. El cálculo del contraste se procesa por completo en el navegador; los valores de color no se envían ni se guardan en ningún servidor.