Verificador de contraste
Comprueba el contraste y la accesibilidad
Prueba la relación de contraste entre dos colores cualesquiera frente a WCAG AA y AAA, corrige automáticamente las combinaciones que fallan y observa cómo se ven tus colores con una deficiencia en la visión del color.
Primer plano y fondo
3.54:1
Relación de contraste
Correcciones rápidas
Título de vista previa
El veloz murciélago hindú comía feliz cardillo y kiwi. El texto pequeño debe cumplir las mismas reglas de contraste para que todos puedan leerlo.
Texto grande (negrita, 16 px)
Simulador de daltonismo
Preguntas frecuentes
Preguntas sobre el verificador de contraste
¿Qué relación de contraste necesito?
WCAG AA exige al menos 4,5:1 para texto normal y 3:1 para texto grande (18 pt o más, o 14 pt en negrita). AAA lo eleva a 7:1 y 4,5:1 respectivamente.
¿Qué significan las insignias AA y AAA?
Muestran el nivel WCAG más alto que cumple tu combinación de texto y fondo para texto normal y grande. El verificador las actualiza en tiempo real mientras ajustas los colores.
¿Para qué sirve el simulador de daltonismo?
Muestra cómo ven tus colores las personas con distintos tipos de deficiencia en la visión del color, para que te asegures de que ningún significado dependa solo del color.
¿Puede la herramienta corregir automáticamente un contraste insuficiente?
Sí. Las sugerencias ajustan la luminosidad del texto o del fondo hasta que la combinación alcanza la relación objetivo, manteniéndose lo más cerca posible de tu color original.
Empieza ahora
Tu próxima paleta está a una imagen de distancia
Elige colores, extrae paletas y exporta código: gratis, privado e instantáneo.