Verificador de Contraste
Comprueba el contraste según WCAG AA/AAA.
Un buen contraste mantiene el texto y la interfaz legibles para todos, incluidas personas con baja visión. Apunta a al menos 4,5:1 para el texto.
El veloz murciélago hindú comía feliz cardillo
El veloz murciélago hindú comía feliz cardillo
- Texto normal AA · 4.5
- Texto normal AAA · 7
- Texto grande AA · 3
- Texto grande AAA · 4.5
- Componentes de UI 3.0
Todas las conversiones de color se ejecutan localmente en tu navegador — nada se sube, guarda ni registra.
Cómo funciona
- 1 Elige un color de primer plano (texto).
- 2 Elige un color de fondo.
- 3 Consulta la relación de contraste y si cumple o no AA/AAA.
- 4 Sigue las sugerencias hasta que cumpla.
Casos de uso comunes
- Asegurar que el texto del cuerpo cumple WCAG AA (4.5:1).
- Comprobar los colores de botones y enlaces por accesibilidad.
- Validar una paleta de marca antes de publicar.
- Evitar texto de bajo contraste que cuesta leer.
Preguntas frecuentes
¿Se envían mis datos de color a algún sitio?
No. Cada conversión y cálculo se ejecuta por completo en tu navegador — nada se sube, almacena ni registra.
¿Qué relaciones exigen AA y AAA?
AA requiere 4.5:1 para texto normal y 3:1 para texto grande (≥18.66px en negrita o ≥24px). AAA requiere 7:1 y 4.5:1. Los componentes de interfaz y los gráficos necesitan al menos 3:1.
¿Cómo se calcula la relación?
Con la fórmula oficial de WCAG: (L1 + 0.05) / (L2 + 0.05), donde L1/L2 son la luminancia relativa de los colores más claro y más oscuro.
¿Es realmente gratis?
Sí — gratis, sin registro, sin marca de agua y sin límites.