Calcule la relación de contraste texto/fondo según WCAG 2.2 — vista previa AA/AAA, luminancia relativa e informe exportable sin enviar colores a un servidor.
Volade Tools
15.99:1
Relación de contraste
Nivel AA
Conforme
Nivel AAA
Conforme
Valide AA y AAA, luminancia relativa y conformidad — sin enviar colores de marca a servidores terceros.
Diseñadores UI, desarrolladores front-end, equipos de producto y auditores comprueban contraste texto/fondo decenas de veces por sprint — botones primarios, enlaces, badges de error, temas claro y oscuro. Volade calcula ratio WCAG 2.2 en tiempo real en el navegador: luminancia relativa sRGB, umbrales AA (4,5:1 / 3:1) y AAA (7:1 / 4,5:1), vista previa tipográfica, intercambio de colores e informe copiable — sin subir a WebAIM, Adobe Color ni servicios desconocidos.
Porque demasiados comprobadores online no documentan sesiones y a veces procesan paletas en servidor. Porque los equipos necesitaban WCAG 2.2, vista previa live e historial seguro — sin exponer la guía de marca completa.
«Valido cada token de color antes del merge — cálculo local, sin subir a WebAIM. El historial V+ rastrea sesiones claro/oscuro sin capturas.»
Camille D.
Design lead accesibilidad
«AA/AAA recalculados al cambiar normal/grande — se acabaron las sorpresas en auditoría. Export TXT V+ adjunto directo a tickets de conformidad.»
Yann P.
Integrador front-end
«Pestaña Network vacía en cada demo — justo lo que exige nuestra DPO para paletas no publicadas. Intercambio de colores esencial para modo oscuro.»
Nadia K.
Consultora accesibilidad
Texto de bajo contraste excluye a personas con baja visión o daltonismo. WCAG 2.2 Success Criteria 1.4.3 exige 4,5:1 para texto normal — adoptado en EN 301 549, RGAA y muchas licitaciones públicas.
Volade acelera la validación: introduzca o elija dos hex, cambie normal/grande, lea ratio y veredictos AA/AAA, intercambie para modo oscuro, copie o exporte el informe. Invitado: ilimitado con marca. Con cuenta: historial 10. V+: 100 entradas y TXT sin marca.
Cuatro pasos del « se lee bien » a una validación numerada lista para auditoría o revisión de design system.
En 4 pasos
Elegir primer plano y fondo
Use el selector o introduzca #RRGGBB para texto y fondo — tokens Figma, variables CSS o guía PDF.
Seleccionar tamaño de texto
Cambie normal vs grande según el componente — umbrales AA/AAA se actualizan al instante.
Leer ratio y veredictos
Revise ratio (ej. 5,2:1) y badges AA/AAA. Use intercambio para variantes oscuras o hover.
Copiar o exportar
Copie informe estructurado (marca discreta invitado). V+ desbloquea TXT sin marca e historial ampliado.
Diseñadores, desarrolladores front-end, equipos de accesibilidad y auditores comprueban contraste a diario — aquí encaja Volade de forma natural.
Valide cada par --color-text / --color-bg antes de publicar en Storybook o Figma — historial V+ para sesiones claro/oscuro.
Documente objetivamente cada ratio texto/fondo probado — export TXT V+ adjunto al dossier de pruebas.
Intercambie colores en un clic para verificar que el modo oscuro cumple los mismos umbrales AA que el claro.
Pruebe hex modificados en PR CSS — copie informe en comentario GitHub sin capturas borrosas.
Comparamos Volade con WebAIM Contrast Checker, Contrast Ratio, Color Review, Adobe Color y Accessible Colors en privacidad, vista previa tipográfica, historial y exportaciones.
Volade lidera en cálculo 100 % cliente, modo dual normal/grande, intercambio rápido, historial metadatos (10/100) y export TXT V+ sin marca. Competidores para clics puntuales; Volade para ciclos diseño/accesibilidad repetidos.
Cálculo WCAG local + vista previa live + intercambio + historial seguro. Para equipos con paletas confidenciales antes del lanzamiento.
| Criterio | Volade | WebAIM | Contrast Ratio | Color Review | Adobe Color | Accessible Colors |
|---|---|---|---|---|---|---|
| 100 % en cliente | Sí | Parcial | Sí | Parcial | No | Parcial |
| Ratio luminancia WCAG 2.2 | Sí | Sí | Sí | Sí | Sí | Sí |
| AA + AAA normal / grande | Sí | Sí | Parcial | Sí | Parcial | Sí |
| Vista previa tipográfica live | Sí | Parcial | No | Sí | Sí | Parcial |
| Intercambio fg / bg | Sí | No | No | Parcial | No | No |
| Historial 10 / 100 | Sí | No | No | No | No | No |
| Export TXT sin marca | V+ | No | No | No | No | No |
Comparación orientativa — julio 2026. «Parcial» = función limitada, cuenta requerida o procesamiento en servidor.
Elija Volade cuando valide paletas de marca sensibles sin enviar colores a servidores desconocidos — con historial local e informes exportables V+.
Cálculo de ratio, veredictos AA/AAA, vista previa e intercambio son gratis. V+ Premium elimina marca al copiar, amplía historial a 100 pares y desbloquea export TXT local.
| Función | Gratis | V+ Premium |
|---|---|---|
| Ratio WCAG 2.2 (luminancia relativa) | ||
| Veredictos AA y AAA (normal / grande) | ||
| Selector de color + entrada hex | ||
| Vista previa tipográfica en vivo | ||
| Intercambio primer plano / fondo | ||
| Copiar informe (marca invitado) | Sin marca de agua | |
| Export informe TXT | — | |
| Historial de pares (hex, ratio, tamaño) | 10 | 100 |
| Procesamiento 100 % local |
Cálculo de ratio, vista previa AA/AAA e intercambio de colores siguen gratis. V+ Premium elimina marca al copiar, amplía historial a 100 pares y desbloquea export TXT del informe de accesibilidad.
Sus códigos hex nunca salen del navegador: ninguna petición servidor al calcular, intercambiar o exportar. El historial guarda hex, ratio, tamaño y fecha en localStorage — verificable en DevTools → Network y Application.
Buen contraste protege a millones de usuarios con baja visión — estos hábitos evitan rollbacks costosos tras auditorías.
Documente pares validados en un design system — Volade V+ exporta un informe TXT para adjuntar a entregables de auditoría interna.
Privacidad, fórmula de luminancia, AA vs AAA, texto normal/grande, RGAA, modo oscuro, export TXT V+, historial y comparación WebAIM, Contrast Ratio, Color Review, Adobe Color, Accessible Colors — diez respuestas detalladas.
No. La relación de contraste se calcula íntegramente en JavaScript en su navegador a partir de valores hex. La fórmula sigue la luminancia relativa WCAG (sRGB linealizado) — ninguna petición de red al calcular, intercambiar o copiar el informe.
Verifique en DevTools (F12), pestaña Network: pruebe colores de marca confidenciales. Cero llamadas POST o subidas — sus paletas permanecen en su dispositivo, incluso offline tras cargar la página.
Export TXT sin marca, historial 100 pares y flujo intercambio claro/oscuro — en todas las herramientas Volade.
Prueba disponible según plan. Cancelación en cualquier momento.
Última actualización: julio 2026. Referencias: WCAG 2.2 (Success Criteria 1.4.3, 1.4.6), RGAA 4.1, EN 301 549.