Herramienta gratuita
Comprobador de contraste de color
Compara dos colores, obtén el ratio de contraste y revisa rápidamente si la combinación alcanza niveles comunes de accesibilidad WCAG.
Ratio de contraste
16.06:1
AA texto normal
✓ Pasa
AA texto grande
✓ Pasa
AAA texto normal
✓ Pasa
PixelDojo preview
El contraste también es jerarquía.
Prueba combinaciones reales antes de usarlas en texto, controles y contenido esencial.
Cómo leer el resultado
Un ratio mayor significa más separación luminosa entre los colores. Para texto normal, 4.5:1 es un umbral AA habitual; para texto grande, 3:1. AAA exige más contraste.
No diseñes solo para pasar
El ratio es una comprobación importante, pero contexto, tamaño, peso tipográfico, estados de interacción y condiciones reales de visualización también afectan la legibilidad.
Aprende el principio detrás del número
Contraste, jerarquía y percepción trabajan juntos.