Fórmula de composición

Para construir el color en cada uso tenemos la selección del color primario el cual pasará por un proceso de graduación de tintas y sombras para obtener una paleta completa en relación a este color. Tal cual como se muestra en el ejemplo a la derecha.

Colores de sistema

El sistema necesita una paleta de colores estándar para las diferentes respuestas. Dejo los colores transversales para esto.

Accessibility

Accesibilidad

Son muchas las empresas a las que no parece importarles el tema de la accesibilidad en sus productos digitales. En el fondo se trata de empatizar con el usuario, y tener una web no accesible, supone dejar de lado a casi 50 millones de habitantes de América Latina.

Existe un porcentaje de la población con problemas para percibir los colores, ya sea a la hora de diferenciar determinados colores o porque padecen alguna forma de ceguera que solo les permite percibir un espectro reducido de colores. Por esto, es muy difícil determinar qué opciones de colores son las más idóneas a utilizar.

El contraste de luminosidad entre el color del fondo y el color del texto debe ser suficiente para garantizar una buena legibilidad del texto en situaciones desfavorables de mucha luz, pantallas con poco contraste o brillo y para personas con problemas de visión.

Las pautas de accesibilidad del contenido web establecen en su nivel AA los ratios de contraste suficientes de 4.5 para textos menores a 18 puntos y de 3 para textos mayores a 18 puntos.

Podemos decir que con mayor contraste mayor facilidad de lectura del texto, con independencia de la combinación de colores. En la mayoría de las situaciones, lo más recomendable es texto negro sobre fondo blanco o colores muy cercanos a estos, como gris oscuro y tonos sepia.

Leer más detalle aquí.

Aquí hay algunas herramientas para medir el contraste.