Chequeo contraste WCAG
Ratio + insignias AA/AAA.

Cómo se usa
Introduce Frente y Fondo en Chequeo contraste WCAG y pulsa Ejecutar. DesignMatrix calcula en tu navegador con un motor JavaScript puro (Worker para entradas pesadas) ([object Object]). Los datos no se envían a un endpoint de procesamiento de Tolari; el resultado depende de la operación.
Pasos
- Usa Chequeo contraste WCAG en esta página (o abre la versión completa).
- Introduce Frente y Fondo.
- Pulsa Ejecutar (Ctrl+Enter).
- Copia o descarga el resultado, o comparte un enlace a esta herramienta.
Preguntas frecuentes
¿Chequeo contraste WCAG es de verdad gratis?
Sí. No necesitas cuenta ni créditos y no hay un muro de pago para completar la tarea. Se aplican los límites indicados de archivo, navegador y dispositivo. Los anuncios solo pueden mostrarse si se configuran y activan con la señal de consentimiento requerida.
¿Se envía a un servidor lo que escribo en Chequeo contraste WCAG?
El cálculo se ejecuta en esta página y no se envía a un servidor de procesamiento de Tolari. Según tus ajustes, las ejecuciones recientes pueden guardarse en el almacenamiento local del navegador; usa Modo privado o borra el historial de este dispositivo si lo necesitas.
¿Qué pongo en "Frente"?
Pon aquí frente — por ejemplo: #ffffff. Deja los valores primero para ver cómo funciona y ajusta después. Cada campo se valida con mensaje claro si algo falla.
¿Cómo comparo Chequeo contraste WCAG con otras opciones?
Compara formatos de entrada, calidad de salida, límites de archivo, compatibilidad del navegador y condiciones de privacidad con la misma muestra. Las funciones y condiciones de cada proveedor pueden cambiar; consulta su documentación actual.
¿Qué tan preciso es Chequeo contraste WCAG?
Esta herramienta calcula en tu navegador al ejecutarla. Los resultados dependen de los datos, el navegador y la operación concreta.
Content continues below
Compara antes de elegir
Compara formatos, calidad de salida, límites, compatibilidad y condiciones de privacidad antes de elegir una herramienta para colores, paletas y generación CSS. Lista de características.