Comprobador de contraste de color WCAG
Elige un color de texto y un color de fondo y ve al instante la relación de contraste, con insignias PASA/FALLA para WCAG AA y AAA. Vista previa en vivo, todo en tu navegador — no se sube nada.
Color del texto
Color de fondo
Relación de contraste
21:1
Resultados
Texto grande = 18pt (24px) normal, o 14pt (18,66px) en negrita.
AA · Texto normal
≥ 4.5:1
AA · Texto grande
≥ 3:1
AAA · Texto normal
≥ 7:1
AAA · Texto grande
≥ 4.5:1
Vista previa en vivo
Texto normal — el veloz murciélago hindú comía feliz cardillo y kiwi.
Muestra de texto grande
Todo funciona en tu navegador. Sin subidas ni registro.
Cómo funciona
PASO 1
Elige dos colores
Elige un color de texto y un color de fondo, o pega cualquier valor HEX.
PASO 2
Lee la relación
Ve la relación de contraste WCAG exacta y si aprueba AA y AAA para texto normal y grande.
PASO 3
Mira la vista previa
Una muestra en vivo enseña el resultado real. Ajusta hasta que apruebe. Todo privado, nada sale de tu dispositivo.