14 generadores de paletas de color online para diseño web

14 generadores de paletas de color online para diseño web

feature

Cuando estás trabajando en múltiples proyectos de diseño, solemos caer en el hábito de utilizar los mismos colores. La gran variedad de opciones, tonos, matices y sombras hace que sea mucho más fácil apegarnos a lo que ya conocemos, en lugar de experimentar con algo nuevo y audaz. Experimentar con el color no debe ser algo que te asuste; al contrario, debes aprovechar el potencial que tiene utilizar variedad de colores, impulsando tu libertad creativa, y logrando la inspiración que tu trabajo diario requiere, innovando procesos y resultados.

El color es uno de los elementos más poderosos en el diseño de páginas web. Tiene la habilidad de comunicar la personalidad de la marca sin decir una sola palabra, lo que influye en la percepción del consumidor hacia la empresa o producto en solo cuestión de segundos. Con la posibilidad de un impacto tan grande, vale la pena tomarse un tiempo para explorar el mundo del color y cuidadosamente decidir el esquema a utilizar en cada diseño.

Para ayudarte en la búsqueda de la combinación perfecta de colores, nos hemos puesto a investigar los mejores generadores de paletas de color online. El resultado, 14 opciones completamente gratuitas que probablemente te gusten y te inspiren a salir de tu zona de confort.

CC Color Wheel de Adobe

Conocida anteriormente como Kuler, Color Wheel de Adobe es un generador de paletas de colores online que debería estar en tu lista de “favoritos” en tu barra de marcadores. Esta herramienta es bastante útil para aquellos diseñadores que confían ciegamente en las funciones de Adobe CC, pues te da la opción de guardar tus paletas de colores y directamente cargarlas en tus programas de Adobe CC.

Adobe Color Wheel_generador

BrandColors

¿Alguna vez te preguntaste qué colores utilizan algunas marcas y startup líderes en el mercado para diferenciar su negocio de su competencia? Te conviene conocer BrandColors, en donde autores y miembros de la comunidad suben esquemas de colores que utilizan las compañías más exitosas. ¡Es interesante ver lo populares que son el rojo y el azul!

brandcolors_generador

Cohesive Colors

Si tienes una paleta de colores en mente pero no se ajusta a tu concepto, entonces quizá Cohesive Colors pueda funcionarte. Esta herramienta toma la paleta de color que estás utilizando y te permite agregar un poco de tinta utilizando el color de tu elección. El resultado es que rápidamente va a generar una alteración en la paleta de color que ya tenías, y que la hará de tu agrado.

cohesive colors_generador

Color Hexa

Sería insultante llamar generador de paleta de colores a Color Hexa, porque es mucho más que eso. Su creador la describe como una “enciclopedia de colores”, lo cual es bastante adecuado si consideras que cuando ingresas el valor de un solo color, te va a regresar la mayor información relevante posible. Esto incluye información sobre su composición, colores alternativos, diferentes esquemas de color de la muestra, así como vistas previas del color en diferentes elementos de diseño. ¡Ingresa tu color favorito y ponlo a prueba ya!

colorhexa_generador

ColorHunt

La página de inicio de ColorHunt se actualiza diariamente con nuevas paletas de colores creadas por los miembros de la comunidad. Cada esquema contiene tonos sencillos y elegantes que pueden servir de inspiración para casi cualquier proyecto. Encuentra el esquema perfecto al buscar en las opciones “New” o “Popular”.

colorhunt_generador

Color Picker por HTML Color Codes

Este es uno de mis recursos favoritos, ya que probablemente sea el generador de paleta de colores online más completo que llegues a necesitar. Con este recurso puedes rápidamente acceder al código RGB, Hex o HSL de un color, haciendo un solo clic. A partir de ese momento, se te van a presentar varios esquemas y sombras, basados en la relación que hayas elegido. Puedes exportar el esquema recién creado en formato Hex, RGB, HTML, CSS o sCSS.

color picker_generador

Colourcode

Colourcode ofrece opciones similares de composición de paleta de colores online que también encuentras en otras herramientas, además de elementos analógicos, complementarios y una triada, por nombrar algunos. Pero la diferencia está en cómo descubrir estos esquemas. Lo único que debes hacer es mover el cursor por la pantalla, hasta que encuentres el color raíz, y luego utiliza la opción de composición para crear tu paleta de color completa. Cuando estés completamente satisfecho con el resultado, descárgalo en formato .scss, .less o como archivo .png.

colourcode_generador

COLOURlovers

COLOURlovers es uno de los favoritos de muchos diseñadores, gracias a la inspiración de colores que aporta. Incluye cientos de esquemas de color, plantillas y variación de sombras, que te van a ayudar a que a través del diseño puedas comunicar el mensaje correcto que deseas.

colourlovers_generador

ColRD

¿Te ha pasado que encuentras una imagen que llama tu atención e instantáneamente sientes inspiración por el esquema de color que maneja? El creador de ColRD pensó esto, por lo que creo una nueva app web que te permite generar la paleta de color de una imagen. Es un excelente lugar para encontrar inspiración gracias a tus imágenes favoritas, sean obras de arte, fotografías o gráficos de otros sitios.

ColRD_generador

Coolors

La interfaz de Coolors es tan simple e intuitiva como se puede. Para crear una paleta de color, necesitas seleccionar tus colores iniciales, ubicarlos y presionar la barra espaciadora de tu teclado hasta que llegues al color adecuado a tu concepto de diseño. Puedes guardar las paletas de color generadas para que otros la utilicen.

coolors_generador

Material Palette

Con el aumento en la popularidad de la guía Material Design de Google para el diseño de páginas web, era inevitable que existiera un generador de paletas de colores complementario, dando como resultado Material Palette. Este generador no solo crea paletas de color sencillas basadas en los diseños de Material, además te da sugerencias de qué colores primarios y secundarios puedes utilizar en tu esquema. Se pone más detallado al sugerirte qué colores son los más apropiados al comparar fondos con textos.

material palette_generador

Mudcube Sphere

Mudcube Sphere es un generador de paleta de colores online bastante sofisticado, que permite que diseñes esquemas que cumplan las necesidades de tus visitantes. No solo ofrece diez diferentes opciones de composición; también permite que pruebes tus esquemas y los compares con otros tipos de colores. Puedes descargar tu paleta cuando ya esté completa en formato .AL o .ACO, que puedes utilizar directamente en Illustrator o Photoshop.

Mudcube sphere_generador

Paletton

Paletton te hace sentir la experiencia del proceso de descubrir la paleta de colores ideal para el diseño de páginas web. Es ideal para diseñadores que están trabajando con una marca que ya tenga colores, pero de los cuales se quiera obtener un esquema completo que sirva como complemento para el negocio. Ademas, Paletton incluye una característica que permite rápidamente generar un boceto que ilustre como puedes implementar los colores en tu sitio.

paletton_generador

Palettr

Palettr es la última herramienta de esta lista, pero eso no significa que no sea genial. Ha redefinido la manera de descubrir paletas de colores. Puedes buscar esquemas de colores basados únicamente en el tema que se estén utilizando en una industria. Las paletas de colores son generadas a partir de una composición de tonos provenientes de una librería de imágenes.

palettr_generador

¿Cómo descubriste la paleta de colores perfecta para tus proyectos? Cuéntanos en los comentarios abajo. 

Acerca del autor

simon_autor

Simon es amante del café y forma parte de nuestro grupo de Partners como creador de estrategias de contenido. Cuando no está cerca de la sede de Shopify, es probable que lo encuentres en restaurants por toda la ciudad o buscando las últimas tendencias de diseño.

¿Tienes preguntas sobre el funcionamiento de Shopify?

Escríbele un correo electrónico a nuestro equipo de Soporte Técnico, y ellos responderán en español a la brevedad posible.

soporte@shopify.com

Temas:

Empieza tu periodo de prueba de 14 días gratis con Shopify