Herramienta gratuita · Auditor de paleta
El contraste de toda tu paleta, a la vez
Pega tus tokens de color en JSON, variables CSS o una lista de hex. Verás la matriz completa de texto sobre fondo con WCAG 2.2 y APCA. Todo se calcula en tu navegador.
Tu paleta
Acepta tokens JSON (formato W3C con $value, Tokens Studio o un objeto simple, con alias como {color.primario}), variables CSS o Sass, enlaces de Coolors y listas de hex, rgb() u hsl(). Hasta 40 colores.
Resumen
Matriz de contraste
Filas: color del texto. Columnas: color del fondo.
Pulsa una celda para ver el detalle →
Ver como lista los pares que llegan al umbral
Próximamente
Auditor Pro
¿Pagarías una cantidad simbólica por estas mejoras?
- Informe exportable con la matriz y tu marca, para enseñar al cliente o al equipo.
- El color corregido más cercano para cada par que no llega, manteniendo el tono.
- Tokens corregidos listos para pegar en JSON, CSS o Tailwind.
¿Te interesa mucho o echas algo en falta? Escríbeme, soy Jorge: jrebateserrano@gmail.com
El ratio de contraste sigue la fórmula de WCAG 2.2 (criterios 1.4.3, 1.4.6 y 1.4.11). El valor Lc sigue APCA 0.0.98G-4g, un método en desarrollo que no forma parte de WCAG 2.2. Los colores con transparencia se calculan sobre blanco.
Los resultados son orientativos. El contraste es solo una parte de la accesibilidad: que un par llegue a un umbral no garantiza que un diseño sea accesible.
¿Necesitas la declaración de accesibilidad de tu web? Prueba el Declarador de accesibilidad. ¿Te resulta útil? Puedes invitarnos a un café en Ko-fi.
Privacidad: tus colores no salen de tu navegador. Contamos visitas y clics con GoatCounter, que no usa cookies ni guarda datos personales.