handyk.it

Se pronuncia «Handy Kit»

🇬🇧 🇩🇪 🇮🇹 🇪🇸

Verificador de Contraste

Comprueba la relación de contraste WCAG entre dos colores, con aprobado/fallido para AA y AAA en ambos tamaños de texto.

Ejemplo de texto grande

Ejemplo de texto de tamaño normal, el que se usa para el cuerpo del texto y los párrafos.

21.00:1 relación de contraste
EstándarTamaño de textoRequeridoResultado
WCAG AANormal4.5:1Aprobado
WCAG AAGrande (18,66px negrita / 24px)3:1Aprobado
WCAG AAANormal7:1Aprobado
WCAG AAAGrande (18,66px negrita / 24px)4.5:1Aprobado

Cómo usarlo

Elige o escribe un color de primer plano (texto) y de fondo como código hex. La relación de contraste y el aprobado/fallido WCAG AA/AAA para texto normal y grande se actualizan en vivo, con una vista previa que muestra cómo se vería realmente el texto.

Preguntas frecuentes

¿Qué cuenta como una relación de contraste aprobada?

WCAG AA requiere al menos 4,5:1 para texto normal y 3:1 para texto grande (18,66px negrita o 24px normal en adelante). AAA es más estricto: 7:1 y 4,5:1.

¿Cómo se calcula la relación?

A partir de la luminancia relativa de cada color usando la fórmula WCAG, luego (más claro + 0,05) dividido entre (más oscuro + 0,05) - la misma matemática que usan la mayoría de herramientas de diseño y de desarrollo del navegador.

¿Esto comprueba algo más además de la relación de contraste?

No - solo la relación de contraste WCAG y aprobado/fallido. No simula la ceguera al color ni comprueba nada más sobre los colores.

Herramientas relacionadas

5 visitas