Verificador de Contraste de Color (WCAG)

Verifica si un par de colores de primer plano y fondo cumple con los estándares de accesibilidad WCAG AA y AAA.

Normal text — The quick brown fox jumps over the lazy dog.
Large text — Quick brown fox
Contrast ratio
WCAG AA — normal text (≥ 4.5:1)
WCAG AA — large text (≥ 3:1)
WCAG AAA — normal text (≥ 7:1)
WCAG AAA — large text (≥ 4.5:1)

Características

Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text

Cómo Usar

1. Elige un color de primer plano (color del texto).

2. Elige un color de fondo.

3. La relación de contraste y el estado de aprobación/fallo WCAG AA/AAA aparecen en tiempo real.

Preguntas Frecuentes

What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Herramientas Relacionadas