Diseño e imágenes

Verificador de contraste de colores (WCAG)

Calculá la relación de contraste entre el color del texto y el fondo y verificá si cumple las pautas de accesibilidad WCAG 2.1 AA y AAA.

—

AAAAA
Texto normal
Texto grande (24 px o 18,5 px negrita)
Íconos y bordes de controles—

Texto grande de ejemplo

Este es un párrafo de texto normal para comprobar la legibilidad del color elegido sobre el fondo.

Texto pequeño · 14 px

Todo se procesa en tu navegador. Nada se envía a nuestros servidores.

Cómo funciona

Elegí el color del texto y el del fondo y vas a ver la relación de contraste (de 1:1 a 21:1), una vista previa con texto normal y grande y si pasa los niveles AA y AAA de las pautas WCAG 2.1.

Si no cumple, la herramienta te sugiere la variante más cercana del color del texto que sí alcanza el nivel AA, para que corrijas el diseño sin cambiar la identidad de la marca.

Preguntas frecuentes

¿Qué contraste mínimo pide WCAG?

Nivel AA: 4,5:1 para texto normal y 3:1 para texto grande (24 px, o 18,5 px en negrita). Nivel AAA: 7:1 y 4,5:1.

¿Por qué importa el contraste?

Un buen contraste hace que el texto sea legible para personas con baja visión, daltonismo o que miran la pantalla al sol, y es requisito legal de accesibilidad en muchos países.

¿Necesitás una herramienta a medida para tu negocio?

Contanos tu caso y en 30 minutos te damos un diagnóstico claro: qué pasa, qué conviene hacer primero y cuánto puede costar. Sin compromiso.

Pedir diagnóstico gratuito Escribinos por WhatsApp

Respuesta en menos de 24 horas hábiles