Verificador de Contraste WCAG — Comprobación AA/AAA
Introduce los códigos HEX de texto y fondo y obtén al instante el ratio de contraste WCAG 2.1 con el resultado AA/AAA
Introduce los códigos HEX del texto y del fondo y la herramienta calcula el ratio de contraste con la fórmula de luminancia relativa de WCAG 2.1, indicando si aprueba AA o AAA.
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Cómo usar
- Elige los códigos HEX del texto (primer plano) y del fondo.
- Consulta el ratio de contraste y si aprueba WCAG AA/AAA.
Preguntas frecuentes
- ¿Qué ratio exige WCAG AA?
- El texto normal necesita al menos 4.5:1, y el texto grande (18pt o más) al menos 3.0:1 para aprobar AA.
- ¿En qué se diferencia AAA de AA?
- AAA es el nivel más estricto: 7:1 para texto normal y 4.5:1 para texto grande, recomendado sobre todo para sitios gubernamentales y financieros.
- ¿Los logotipos o imágenes decorativas también deben cumplir este ratio?
- No. Las reglas de contraste de WCAG se aplican al texto del cuerpo y a los componentes de interfaz; los logotipos, elementos puramente decorativos y el texto deshabilitado quedan exentos.