¡Hola #Yobers!
En esta ocasión venimos a hablaros sobre la importancia del contraste de los colores con la tipografía y de una paleta de colores adecuada para vuestros proyectos y como poder generarlas completamente a vuestro gusto.
¿Por qué es tan importante el color en el diseño de una marca, de una web o del branding?
Los colores nos generan impresiones sobre lo que podemos pensar de una marca o sobre lo que nos pueden transmitir. Son dos factores súper importantes que inciden directamente en el branding pues, el branding, no es solo un logotipo, es la personalidad e identidad de tu marca o proyecto.
Es como van a percibir el mensaje que quieras transmitir y cómo lo van a identificar, entonces tienes que plantearte,¿Qué es lo que quieres comunicar a tu cliente? La primera impresión que puedas generarle al cliente junto con las emociones es relevante para la atracción de leads, por eso hay que mantener una coherencia en la línea que se toma y estar seguros de ella.
Aquí es donde debemos tener en cuenta la psicología del color, ya que, el color nos transmite diferentes emociones y percepciones, dependiendo de la forma en que los implementes el cliente puede dar el paso a interactuar o formar una relación duradera. Depende de los colores que uses tu marca puede transmitir energía, seguridad, diversión, calma, tranquilidad, confianza, etc.
A continuación, os comentamos varias herramientas gratuitas online dónde poder comprobar el contraste de colores de una tipografía y crear las paletas de colores adecuadas para tu proyectos según lo que busques.
Colour Contrast Checker
Con esta herramienta online gratuita (la cual también tiene extensión en Google Chrome) puedes comprobar cómo quedaría el contraste de colores con una tipografía específica que vayas a utilizar en tu proyecto.
Al interactuar con el matiz, la saturación y la ligereza junto con las tipografías que te ofrecen puedes ir jugando para averiguar cual es la combinación que se adapta mejor para lo que estás buscando en tu proyecto. Además, al ir tocando de aquí y allá te va mostrando una puntuación que te indica si se leen mejor o peor al realizar combinaciones y generar contrastes de colores.
Coolors
Esta herramienta te da la posibilidad de generar tus propias paletas de colores de forma personalizada para tus proyectos. Tiene una interfaz bastante intuitiva y puedes crearte una cuenta para poder guardar las paletas de colores y las tengas a mano siempre que quieras. Os comentamos también que posee una versión pro con distintas ventajas para poder sacarle todo el potencial a la herramienta.
Desde el generador de paletas puedes crear tu propia paleta de colores de una forma muy personalizada y al ir jugando con las distintas posibilidades que te da puedes crear la que mejor se adapte a lo que busques, si estás indeciso con el color exacto puedes explorar las variadas paletas de colores que te muestra en la sección de explorar para inspirarte y en todo momento te da el código hexadecimal de cada color para que puedas llevarlo al generador y agregarlo sencillamente a tu paleta de colores. Una vez tengas terminada tu paleta de colores puedes exportarla fácilmente ya sea en en pdf, imagen, css, etc…
Subiendo fotos puedes identificar los colores principales de la misma y crear a partir de ahí una paleta de colores. Además, puedes crear originales collages donde aparecen la foto y la paleta de colores.
Y para terminar de ser más completa hace poco han incluido una sección donde tienes la opción de convertir tus imágenes a formatos como JPG, PNG y GIF de forma masiva.
Adobe Color
Si prefieres usar otra herramienta parecida con las mismas funciones pero con la confianza de una empresa mayor respaldada, tienes Adobe Color, otra herramienta realmente buena con la que también podéis crear vuestras propias paletas de colores, cargar imágenes para formar una paleta, explorar diferentes paletas que ofrece e inspirarte en ellas y medir los contrastes de colores en las tipografías. El funcionamiento es similar a la anterior herramienta, posee una interfaz bastante intuitiva en la que navegar cómodamente y no perderse. Permite crear una cuenta para poder guardarlas sin ningún problema.
Esperamos que estas herramientas os sirvan de gran ayuda para vuestros diseños o proyectos y hayamos contribuido a mejorar vuestros procesos de trabajo. ¡Que paséis un buen día, nos vemos en el siguiente artículo!
Aquí puedes encontrar otros artículos: Blog de Yobo