Comprobar contraste de color (WCAG)

Gráficos, Foto y Diseño
14 cálculos
¿Problemas con el uso? Ir al tutorial
📝 Cómo funciona:
Calcula el contraste de color de dos colores según WCAG: relación de contraste y valoración AA/AAA para un diseño web accesible.

Rellene los campos a continuación y haga clic en "Calcular".
Hex, p. ej. #333333
Hex, p. ej. #FFFFFF

La relación de contraste va de 1:1 (sin contraste) a 21:1 (negro sobre blanco) y se calcula a partir de la luminancia relativa de ambos colores. Las WCAG 2.1 exigen al menos 4,5:1 (AA) o 7:1 (AAA) para texto accesible. La herramienta comprueba el color de primer plano y de fondo y muestra qué niveles se cumplen.

Publicidad