Comprobador de contraste de color
Comprueba las relaciones de contraste WCAG para texto e interfaz accesibles.
Vista previa
El veloz murciélago hindú comía feliz cardillo y kiwi
Relación de contraste: 17.72:1
Sugerencias AA
#0a0a0b
Relación de contraste 19.79:1 · más oscuro
#000000
Relación de contraste 21:1 · más oscuro
#26262b
Relación de contraste 15.06:1 · más claro
#35353b
Relación de contraste 12.18:1 · más claro
#43434c
Relación de contraste 9.79:1 · más claro
Cómo usar
- Introduce o elige un color de primer plano.
- Introduce o elige un color de fondo.
- Revisa la relación, las insignias y las alternativas sugeridas que cumplen AA.
Preguntas frecuentes
¿Qué es una buena relación de contraste?
Para texto normal, WCAG AA exige al menos 4.5:1 y AAA al menos 7:1.
¿Qué cuenta como texto grande?
El texto grande suele ser de 18pt o 14pt en negrita, con un umbral AA inferior de 3:1.
¿Cómo se generan las sugerencias?
La herramienta ajusta la luminosidad del primer plano hacia blanco o negro hasta que la relación alcanza 4.5:1.
Herramientas relacionadas
Generador de paletas de color
Crea paletas de colores armoniosas con modos aleatorio, análogo, complementario y triádico.
Conversor de colores
Convierte colores entre HEX, RGB, HSL y HSV al instante.
Simulador de daltonismo
Previsualiza cómo se ven las imágenes con los tipos más comunes de daltonismo.
Generador de degradados de color
Crea degradados lineales CSS con colores y direcciones personalizados.
Generador de tonos de color
Genera escalas de claros y oscuros con variables CSS exportables.
Buscador de nombres de color
Encuentra el nombre de color CSS más cercano para cualquier valor de color.