Comprobador de Contraste de Color
Herramienta de desarrolloNuevoComprueba el contraste de color según WCAG AA y AAA.
Esta herramienta se ejecuta por completo en tu navegador. Tus archivos nunca salen de tu dispositivo — no se sube nada.
Colors
Pick a text and background color. Everything runs in your browser — nothing is uploaded.
Result
17.40 : 1Contrast ratio
Normal text
AA: PassAAA: Pass
Large text (18.66px bold or 24px)
AA: PassAAA: Pass
Large sample text
The quick brown fox jumps over the lazy dog.
Preguntas frecuentes
¿Cuál es un buen ratio de contraste WCAG?
WCAG exige un ratio de contraste de al menos 4.5:1 para el texto normal y de 3:1 para el texto grande (alrededor de 24px, o 18.66px en negrita) para cumplir el nivel AA. Para alcanzar el nivel AAA, más estricto, necesitas 7:1 en texto normal y 4.5:1 en texto grande. Esta herramienta muestra el ratio exacto y si supera cada nivel.
¿Cómo se calcula el ratio de contraste?
Los canales sRGB de cada color se linealizan y se combinan en un valor de luminancia relativa según la fórmula del W3C. El ratio es entonces (luminancia más clara + 0.05) dividido entre (luminancia más oscura + 0.05), lo que da un número entre 1:1 (sin contraste) y 21:1 (negro sobre blanco). El resultado se redondea a dos decimales.
¿Mis colores se suben a algún sitio?
No. Todo el cálculo se ejecuta localmente en tu navegador con JavaScript, así que los colores que introduces nunca salen de tu dispositivo ni tocan un servidor. No hay cuenta, ni seguimiento de tus entradas, ni se guarda nada — lo que lo hace seguro para trabajo de marca confidencial o sin publicar.