Chequeo contraste WCAG

Ratio + insignias AA/AAA.

Abrir herramienta →

Pruébala aquí

Abrir a pantalla completa →

Vista previa de Chequeo contraste WCAG
Vista previa — abre la herramienta para usarla

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

  1. Usa Chequeo contraste WCAG en esta página (o abre la versión completa).
  2. Introduce Frente y Fondo.
  3. Pulsa Ejecutar (Ctrl+Enter).
  4. 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.

Advertisement
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.

Herramientas relacionadas

Selector + conversor de color

HEX RGB HSL HSV CMYK en vivo + copiar.

Abrir →

HEX ⇄ RGB

Ambas direcciones con validación.

Abrir →

RGB ⇄ HSL

Conversiones exactas con pasos.

Abrir →

Conversor CMYK

RGB→CMYK para imprenta con nota.

Abrir →

Simulador daltonismo

Matrices protan/deutan/tritan.

Abrir →

Generador de paletas

Análogos/triádicos/complementarios.

Abrir →