Cómo verificar el contraste de color para accesibilidad (WCAG)
Publicado el 21 de septiembre de 2026 · 2 min de lectura
El texto que técnicamente es legible para ti podría seguir fallando las pautas de accesibilidad para usuarios con baja visión. Esta herramienta calcula la relación de contraste WCAG exacta entre un color de primer plano y de fondo y te dice qué niveles de cumplimiento pasa.
Probar Verificador de contraste de colorPasos
- 1
Abre la herramienta Verificador de contraste de color
Ve al verificador de contraste.
- 2
Elige tus colores de primer plano y fondo
Elige el color del texto y el fondo sobre el que se asienta.
- 3
Lee la relación de contraste
Ve la relación exacta calculada, como 4.5:1.
- 4
Verifica el cumplimiento
Ve si el par pasa los estándares WCAG AA y AAA, tanto para texto normal como grande.
Preguntas frecuentes
WCAG AA requiere al menos 4.5:1 para texto normal (3:1 para texto grande); AAA es más estricto, requiriendo 7:1 para texto normal (4.5:1 para texto grande) — esta herramienta te dice exactamente qué niveles cumple tu par de colores.
El texto más grande es inherentemente más fácil de leer con menos contraste, así que WCAG establece un umbral más indulgente para texto grande (generalmente 18pt o más, o 14pt en negrita) que para texto normal de cuerpo.
Sí — usa la misma fórmula de luminancia relativa y relación de contraste definida en la especificación WCAG, no una aproximación.
Como la verificación es instantánea y exacta, esta es una forma rápida de verificar tus elecciones de color antes de que se conviertan en un problema de accesibilidad para usuarios reales.