Diseño accesible
El contraste entre texto y fondo determina si tu contenido es legible. Esta herramienta calcula el ratio y te dice de un vistazo qué niveles de accesibilidad cumple.
Contraste de color
¿Tu texto se lee bien sobre el fondo? Compruébalo según WCAG.
Comprobador de contraste de color (WCAG)
Texto de ejemplo · Aa
Ratio de contraste 16,32:1
- AA texto normal
- ✓ Pasa
- AAA texto normal
- ✓ Pasa
- AA texto grande
- ✓ Pasa
- AAA texto grande
- ✓ Pasa
Según WCAG 2.1: el texto normal necesita 4,5:1 (AA) o 7:1 (AAA); el texto grande, 3:1 (AA) o 4,5:1 (AAA).
Preguntas frecuentes
¿Qué ratio de contraste necesito?
Según WCAG 2.1, el texto normal requiere al menos 4,5:1 para nivel AA y 7:1 para AAA. El texto grande (≥ 18,66 px en negrita o ≥ 24 px) baja a 3:1 (AA) y 4,5:1 (AAA).
¿Por qué importa el contraste?
Un buen contraste hace tu contenido legible para todos, incluidas personas con baja visión, y es un requisito de accesibilidad web.