Un diseño puede verse impecable para vos y ser ilegible o confuso para una parte de tu audiencia. Los dos problemas de color más comunes —y más fáciles de arreglar— son el contraste insuficiente y depender solo del color para dar información. Esta guía explica ambos sin tecnicismos y cómo revisarlos en un par de minutos.
El contraste mide cuánto se diferencia el texto de su fondo. Se expresa como un ratio, de 1:1 (invisible) a 21:1 (negro sobre blanco). Las pautas de accesibilidad WCAG fijan mínimos:
El error típico es el texto gris claro sobre fondo blanco: se ve «elegante» pero mucha gente no lo lee. Antes de dar por buena una combinación, medí el ratio con un verificador de contraste: te dice si pasa AA/AAA para texto normal y grande.
Cerca del 8% de los hombres tiene algún tipo de daltonismo (y un porcentaje menor de mujeres). Los casos más comunes confunden el rojo y el verde. Eso rompe patrones que damos por obvios:
La regla de oro: el color nunca debería ser la única señal. Sumá siempre algo más —un ícono, una palabra, un patrón, distinto brillo— para que la información se entienda aunque no se perciba el color.
Tanto el verificador de contraste como el simulador de daltonismo funcionan localmente: subís una imagen o elegís colores y todo se procesa en tu equipo, sin subir nada.
Un ratio de diferencia entre texto y fondo. Para texto normal, mínimo 4.5:1 (AA) o 7:1 (AAA); para texto grande, 3:1 (AA).
Porque ~8% de los hombres tiene daltonismo. Sumá otra señal (ícono, texto, patrón) además del color.
Medí el contraste (que pase AA) y simulá el daltonismo para confirmar que la info no depende solo del color.
Ayuda a ambos: mejora la experiencia de todos y es una buena práctica valorada, pero el motivo principal es que más gente pueda usar lo que hacés.
Revisar la accesibilidad de mis colores →Mirá cómo ve tu imagen o diseño alguien con daltonismo y revisá la accesibilidad.
Roles, escalas 50–900 y cómo derivar una paleta de una imagen.
Extraé colores de una imagen y verificá el contraste WCAG entre texto y fondo.