Prueba combinaciones de colores para cumplir con los estándares de accesibilidad WCAG 2.1 AA/AAA. Calcula ratios de contraste al instante. Ideal para diseñadores y desarrolladores que buscan asegurar la legibilidad del texto. Funciona en el navegador.
Muestra de texto normal (16px)
Muestra de texto grande (18pt bold)
Las Pautas de Accesibilidad para el Contenido Web (WCAG) definen requisitos de ratio de contraste para asegurar que el texto sea legible para personas con discapacidades visuales. Esta herramienta calcula el ratio de contraste entre dos colores y evalúa el cumplimiento con los estándares WCAG 2.1 Nivel AA y AAA. Todos los cálculos se ejecutan en su navegador — no se envían datos a ningún servidor.
El ratio de contraste WCAG mide la diferencia de luminancia entre los colores de primer plano (texto) y de fondo. Se calcula como (L1 + 0.05) / (L2 + 0.05), donde L1 es la luminancia relativa del color más claro y L2 la del más oscuro. Se requiere un ratio de 4.5:1 para cumplimiento AA con texto normal.
El Nivel AA de WCAG requiere un ratio de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande. El Nivel AAA es más estricto, requiriendo 7:1 para texto normal y 4.5:1 para texto grande. La mayoría de organizaciones busca cumplimiento AA, mientras que AAA se recomienda para accesibilidad mejorada.
El texto grande se define como 18 puntos (24 píxeles) o más, o 14 puntos (18.67 píxeles) o más en negrita. El texto grande tiene requisitos de contraste más bajos porque es naturalmente más fácil de leer.
El cumplimiento de contraste de color es legalmente requerido en muchas jurisdicciones (ADA en EE.UU., EAA en Europa). También mejora la legibilidad para todos los usuarios, especialmente aquellos con baja visión, daltonismo o que ven pantallas a la luz del sol. Un buen contraste beneficia a todos.