Comprobador de contraste
Calcula la relación de contraste entre dos colores y comprueba niveles WCAG AA y AAA.
Texto de ejemplo
Comprueba cómo se ve un párrafo con esta combinación de colores.
Relación de contraste
17.74:1
Cumple ✓ · WCAG AA · texto normal
Cumple ✓ · WCAG AA · texto grande
Cumple ✓ · WCAG AAA · texto normal
Cumple ✓ · WCAG AAA · texto grande
Cómo funciona
Selecciona el color del texto y el color de fondo. La herramienta calcula la luminancia relativa y la relación de contraste para mostrar si cumple los umbrales habituales de WCAG para texto normal y grande.
Preguntas frecuentes
¿Qué significa una relación 4.5:1?
Es uno de los umbrales habituales de WCAG AA para texto normal.
¿La vista previa usa mis colores reales?
Sí. El bloque de ejemplo aplica exactamente los colores seleccionados.