Colores y diseño
Contraste de colores
Los colores deben leerse bien. Comprueba texto y fondo juntos.
Un poco más de claridad.
Pequeñas herramientas para cada día.
WCAG 2.2
AA · Texto normal—
AA · Texto grande—
AAA · Texto normal—
AAA · Texto grande—
Cómo funciona
Contraste de colores
Elige dos colores. Sus luminancias relativas determinan el contraste WCAG. Umbrales AA: 4,5:1 para texto normal y 3:1 para texto grande.
Un ejemplo
#000000 + #FFFFFF = 21:1
Conviene saber
Texto grande: al menos 18pt, o 14pt en negrita. Solo sRGB opaco. No certifica la accesibilidad de toda la página.
Actualizado el · 2026-09-22