Validador de Contraste WCAG
Comprueba si tus colores son accesibles.
Verifica que tus combinaciones de colores cumplen los ratios de contraste exigidos por las WCAG 2.2.
Excelente — Cumple AAA
Texto de ejemplo grande
Subtítulo de muestra (24px)
Este es un texto de ejemplo con tamaño normal (16px) para comprobar la legibilidad de esta combinación de colores según los criterios WCAG 2.2.
Texto pequeño (14px) — El contraste es especialmente importante en tamaños reducidos donde la legibilidad se ve más comprometida.
Referencia rápida WCAG 2.2
¿Por qué importa el contraste de color?
El contraste de color es el criterio WCAG más incumplido en la web. Según el informe WebAIM Million de 2024, el 83,6% de las páginas de inicio tienen al menos un error de contraste. Esto afecta directamente a personas con baja visión, daltonismo y usuarios en entornos con mucha luz ambiental.
Las WCAG 2.2 exigen un ratio de contraste mínimo de 4.5:1 para texto normal y 3:1 para texto grande (Nivel AA). Para el Nivel AAA, los ratios suben a 7:1 y 4.5:1 respectivamente. Nuestro validador calcula estos ratios al instante y te indica si tus combinaciones de colores cumplen cada nivel.
-
1
Ratio mínimo AA: 4.5:1 (texto normal) y 3:1 (texto grande, ≥18pt o 14pt bold).
-
2
Ratio mínimo AAA: 7:1 (texto normal) y 4.5:1 (texto grande).
-
3
El 83.6% de las webs incumplen criterios de contraste (WebAIM, 2024).
-
4
Herramienta gratuita — sin registro, uso ilimitado.
Por qué usar esta herramienta.
Verificación Instantánea
Introduce dos colores y obtén el resultado al instante.
Niveles AA y AAA
Te indicamos si cumples el nivel legalmente exigido (AA) y el óptimo (AAA).
Para Diseñadores y Devs
Ideal para validar paletas de color antes de implementar y evitar correcciones posteriores.