Analizador WCAG
Analiza tu paleta para conformidad WCAG. Usa Analizador WCAG gratis en línea, sin registro, con resultados rápidos y procesamiento seguro en el navegador.
Paleta a analizar
Matriz de contraste
Primary | Secondary | Background | Text | Muted | |
|---|---|---|---|---|---|
Primary | — | 1.15 Fail | 3.68 AA-L | 3.98 AA-L | 1.29 Fail |
Secondary | 1.15 Fail | — | 4.23 AA-L | 3.45 AA-L | 1.12 Fail |
Background | 3.68 AA-L | 4.23 AA-L | — | 14.63 AAA | 4.76 AA |
Text | 3.98 AA-L | 3.45 AA-L | 14.63 AAA | — | 3.07 AA-L |
Muted | 1.29 Fail | 1.12 Fail | 4.76 AA | 3.07 AA-L | — |
WCAG 2.1 Legend
Level AAA
Ratio ≥ 7:1 - Excellence
Level AA
Ratio ≥ 4.5:1 - Standard
AA Large
Ratio ≥ 3:1 - Large text
Fail
Ratio < 3:1 - Non-compliant
Analizador WCAG te ayuda a trabajar con colores directamente en el navegador.
La herramienta está pensada para diseñadores, desarrolladores y creadores que necesitan resultados rápidos y fiables.
Formatos compatibles
Cómo funciona
Paso 1
Abre Analizador WCAG
Paso 2
Introduce o importa tus colores
Paso 3
Copia, exporta o reutiliza el resultado
Errores comunes a evitar
- No comprobar el contraste puede afectar la legibilidad.
- Usar demasiados colores puede hacer que la paleta sea difícil de aplicar.
Consejos de profesionales
- Guarda los colores principales como variables CSS.
- Prueba la paleta en modo claro y oscuro antes de publicarla.
Privacidad garantizada: todo se procesa localmente en tu navegador.
El procesamiento se realiza localmente en tu navegador siempre que sea posible. No se requiere cuenta.
Analizador WCAG para tus proyectos de color
Analiza tu paleta para conformidad WCAG.
Analizador WCAG sin pérdida de precisión
Las conversiones se ejecutan con valores exactos (HEX, RGB, HSL, OKLCH). Sin aproximación visual: obtienes el color fiel a tu intención de diseño.
Analizador WCAG gratis en línea
Sin registro, sin descarga de software. Analizador WCAG es 100% gratis y funciona en cualquier navegador. El plan gratuito incluye 10 usos al día.
Analizador WCAG rápido y seguro
El procesamiento ocurre directamente en tu navegador para máxima velocidad. No se envían datos a nuestros servidores: tus colores permanecen privados.
Analizador WCAG para compartir y colaborar
Exporta resultados como HEX, RGB, HSL, CSS, JSON o cópialos con un clic. Perfecto para compartir una guía de color con tu equipo o documentar un design system.
Descubre todas nuestras herramientas de color
Extrae, convierte, genera paletas, degradados y contrastes WCAG en pocos clics.
Herramientas relacionadas
Guías y tutoriales
Aprende a usar nuestras herramientas con nuestras guías detalladas.
wcag-analyzer: guía práctica de accessibility
Guía localizada para usar wcag-analyzer, entender buenas prácticas de accessibility y evitar errores comunes.
wcag-analyzer: guía práctica de accessibility
Guía localizada para usar wcag-analyzer, entender buenas prácticas de accessibility y evitar errores comunes.
wcag-analyzer: guía práctica de export
Guía localizada para usar wcag-analyzer, entender buenas prácticas de export y evitar errores comunes.