¡Aprende a combinar! Paletas de colores para diseño gráfico

Paletas de colores para Diseño Gráfico, Ux/Ui, Marketing, Social media

Escoger una paleta de colores en diseño gráfico es importante, ya que el los colores nos pueden decir mucho de cualquier proyecto visual: por sí solos son capaces de transmitir emociones, tanto positivas como negativas, y un mal uso puede romper por completo el diseño.

En esta ocasión te explico cómo puedes crear tu paleta de color ideal para tu próximo diseño

¡Vamos allá!

Por cierto, dale una leída está lista con 7 páginas web para crear paletas de colores

Cómo crear una paleta de colores para tu diseño y trabajo gráfico

En la mayor parte de las ocasiones los proyectos ya vienen «con colores»: o bien porque la marca ya está diseñada, o porque ya existe alguna preferencia por parte del cliente o stakeholder.

Así que empezaré a explicarte cómo crear la paleta suponiendo que ya existe un color base del que partir.

¿Cómo debe ser una buena paleta?

Con toda seguridad puede decir que alguna vez te habrás descargado una aplicación o llegado a alguna web en la que había «algo» que no parecía estar bien.

Si no era la elección de la tipografía, es muy probable que se debiera a una mala elección de la paleta de colores. A menudo, las marcas utilizan colores sin una estrategia clara para destacar diferentes tipos de contenido, lo que resulta en una interfaz confusa y poco atractiva.

Es importante tener en cuenta la psicología del color al seleccionar una paleta adecuada, ya que esto influye significativamente en cómo percibimos el diseño.

Si te interesa este tema en concreto, te recomiendo que te leas el libro ‘Psicología del color‘ de Eva Heller. Lo compré cuando estudiaba diseño y sigo consultándolo de vez en cuando.

En resumen, la paleta de colores ideal debería tener 10 colores, contando los 4 semánticos.

Más en detalle, son los siguientes:

• 1 color principal
• 1 color acento
• 4 colores semánticos (información, alerta, éxito y aviso)
• 4 colores neutros, que se obtienen del primario

Pasos para hacer una buena paleta de colores

Se utilizará un color principal de tonalidad «morado-casi-negro» con el código de color #45475E. Aunque pueda parecer difícil diseñar con este color, se pueden crear neutros ajustando los valores de saturación y brillo en el modo de color HSB, manteniendo el tono sin cambios.

Los colores neutros resultantes son #7D80AB, #D4D7FF y #EDEEFF, pero se debe evitar el negro puro para mantener la accesibilidad del diseño y la legibilidad.

Los dos colores más claros de los obtenidos pueden usarse para fondos, separar bloques de contenido y otros elementos de la interfaz de usuario como líneas y sombras.

Color de acento

El color acento es, como indica su nombre, el color para añadir énfasis. Suele utilizarse para el botón principal, barras de progreso, el foco de los campos del formulario, bloques de contenido, etc.

Tomando como base nuestro «morado-casi-negro» (#45475E), el siguiente ejercicio es escoger un color utilizando la teoría del color.

En resumen, suelo utilizar esta herramienta y habitualmente me quedo con:

• Complementario
• Split complementario
• Análogo

En este caso, no utilizaré el color original (#45475E), sino uno de los que han salido del primer ejercicio, #D4D7FF. La herramienta que he usado para el ejemplo es esta. Aunque también puedes usar otras como Adobe Color, es cuestión de conocer

En este caso he escogido el split complementario.

¿Y cómo queda esto en un diseño? Pues así 😉

Autor: Outcrowd.

Colores semánticos

Estos colores están presentes en todos los diseños, ya que psicológicamente envían los siguientes mensajes:

• Rojo: errores, peligro y alertas
• Verde: éxito, seguridad y correcto
• Amarillo: alerta y precaución
• Azul: información

No hay un estándar sobre qué matiz exacto deben tener, pero es importante que reserves estos colores para comunicar el tipo de mensaje que te comentaba en la lista anterior.

Eso sí: cuando escojas los colores semánticos trata de modificar solo el tono (H). Evita modificar mucho la saturación (S) o brillo (B) porque creará combinaciones de colores que no casarán entre sí.

Conclusiones

Obviamente, este no es el único método para crear paletas de colores, pero sí es el que mejor me ha funcionado después de años tratando de dar con un sistema que me permitiera obtenerlas sin sufrir más de la cuenta.

Si quieres profundizar más en este tema tan complejo, te recomiendo que te hagas con estos libros:

• ‘Psicología del color: cómo actúan sobre los sentimientos y la razón‘, de Eva Heller
• ‘Interacción del color’, de Josef Albers (ex profesor de la Bauhaus).

Tal vez te interese leer: Como Ganar dinero desde Casa: 14 metodos fáciles de ingresos pasivos 2022