Verificador de Contraste de Color
Verifica los ratios de contraste WCAG AA y AAA entre colores de primer plano y fondo al instante en tu navegador. Asegúrate de que tus diseños cumplan los estándares de accesibilidad.
Preguntas frecuentes
¿Qué es el ratio de contraste WCAG?
El ratio de contraste WCAG mide la diferencia en luminancia percibida entre dos colores. Un ratio de 1:1 significa colores idénticos; 21:1 es el máximo (negro sobre blanco). Ratios más altos significan mejor legibilidad para personas con baja visión.
¿Cuáles son los umbrales WCAG AA y AAA?
WCAG AA requiere un ratio de contraste de al menos 4,5:1 para texto normal y 3:1 para texto grande (18pt o 14pt negrita). WCAG AAA (mejorado) requiere 7:1 para texto normal y 4,5:1 para texto grande.
¿Cómo se calcula el ratio de contraste?
Cada canal de color (R, G, B) se linealiza desde sRGB, luego se calcula la luminancia relativa L = 0,2126R + 0,7152G + 0,0722B. El ratio es (L_más_claro + 0,05) / (L_más_oscuro + 0,05), dando un valor entre 1 y 21.