Herramientas › Diseño
Comprobador de contraste de color
Comprueba colores de texto e interfaz según WCAG 2.2 AA y AAA, toma colores de tu pantalla o de una maqueta y obtén el tono más cercano que cumple.
Texto grande de 24 px
El texto de 16 px debe seguir siendo legible para todos, también para personas con baja visión.
2.21:1
✗ AA texto✗ AA grande✗ AAA texto✗ AAA grande✗ Interfaz e iconos
Color de texto más cercano que cumple AA: #B4610B
Tomar colores de una maqueta
Cómo funciona
- El contraste se calcula con la fórmula de luminancia relativa de WCAG y se redondea hacia abajo, como hacen los auditores.
- La sugerencia conserva el tono y la saturación de tu color y solo cambia la luminosidad.
Preguntas
¿Qué cuenta como texto grande?
Desde 24 px normal o 18,66 px en negrita. Necesita 3:1 para AA en lugar de 4,5:1.