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 deopciones, tonos, matices y sombrashace que sea mucho más fácil apegarnos a lo que ya conocemos, en lugar de experimentar con algo nuevo y audaz.
Lastonalidades de color en HTMLes uno de los elementos más poderosos en el diseño de páginas web.
✅ Y elegir una buena paleta de colores tiene la habilidad decomunicar lapersonalidad de la marcasin decir una sola palabra.
淡水河谷拉佩纳tomarse联合国tiempo对位explorar elμndo del color y cuidadosamente decidir el esquema a utilizar en cada diseño.
14 generadores de paletas de color HTML para el branding de tu ecommerce
Para ayudarte en la búsqueda de la combinación perfecta de colores, nos hemos puesto a investigar cuáles son los mejores generadores de paletas de color. Y son estos:
- ColorHunt
- Color Picker por HTML Color Codes
- Cohesive Colors
- Color Hexa
- CC Color HTML Wheel de Adobe
- BrandColors
- Colourcode
- COLOURlovers
- ColRD
- Coolors
- Material Palette
- Mudcube Sphere
- Paletton
- Palettr
¿El resultado?14 opciones completamente gratuitas que probablemente te gusten y te inspiren:
1.ColorHunt
La página de inicio de ColorHunt se actualiza diariamente con nuevas paletas de colores HTML 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”.
2.Color Picker por HTML Color Codes
Este es uno de mis recursos favoritos, ya que probablemente sea el generador de paleta de colores HTML 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.
Prueba Shopify gratispara crear tu tienda online.
Sin tarjeta de crédito, fácil e intuitivo.
3.Cohesive Colors
Si tienes unapaleta de coloresen mente pero no se ajusta a tu concepto, entonces quizá Cohesive Colors pueda funcionarte.
Esta herramienta toma la paleta de color en HTML 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.
4.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 comouna “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.
Guía gratis: Cómo tomar fotografías de productos por ti mismo
Aprende gratis a tomar fotografías bonitas de productos y con un presupuesto ajustado con nuestra videoguía completa.
Recibe nuestra "Guía para tomar fotografías bonitas de productos por ti mismo" en tu casilla de correo electrónico.
Ya casi estás ahí: por favor, completa este formulario y haz clic en el botón de abajo para obtener acceso inmediato.
艾尔introducir涂correo electronico, nos das图有限公司nsentimiento para recibir comunicaciones comerciales y consejos gratuitos de Shopify vía email. Puedes cancelar la suscripción cuando desees.
5.CC Color HTML Wheel de Adobe
Conocida anteriormente como Kuler, Color Wheel de Adobe es ungenerador de paletas de colores onlineque 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 en HTML y directamente cargarlas en tus programas de Adobe CC.
6.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!
7.Colourcode
Colourcode ofrece opciones similares de composición depaleta de colores onlineque 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 HTML de colores completa.
Cuando estés completamente satisfecho con el resultado,descárgalo en formato .scss, .lesso como archivo .png.
10 Consejos de diseño web para tiendas online: porque tu primera impresión importa
El ser humano tiene menos atención que el pez globo, en 12 segundos tienes que ser capaz de captar su atención en tu tienda online. Para ello nada mejor que preparar el mejor escaparate para hacer brillar tus productos.
Recibe la guía 10 Consejos de diseño web para tu tienda online en tu casilla de correo electrónico.
Ya casi estás ahí: por favor, completa este formulario y haz clic en el botón de abajo para obtener acceso inmediato.
艾尔introducir涂correo electronico, nos das图有限公司nsentimiento para recibir comunicaciones comerciales y consejos gratuitos de Shopify vía email. Puedes cancelar la suscripción cuando desees.
8.COLOURlovers
Es uno de los favoritos de muchos diseñadores, gracias a la inspiración de colores que aporta.
Incluye cientos de esquemas de颜色,plantillas yvariación de sombras, que te van a ayudar a que a través del diseño puedas comunicar el mensaje correcto que deseas.
9.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.
10.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.
11.Material Palette
Con el aumento en la popularidad de la guía Material Design de Google para eldiseñ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.
12.Mudcube Sphere
Mudcube Sphere es ungenerador de paleta de colores onlinebastante 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.
13.Paletton
Paletton te hace sentir la experiencia del proceso de descubrir la paleta de coloresideal 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.
Paletton incluye una característica que permite rápidamente generar un boceto que ilustre como puedes implementar los colores en tu sitio.
Crea una potente estrategia de marketing para tu ecommerce
14.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 buscaresquemas de colores basados únicamente en el tema que se estén utilizandoen una industria.
Las paletas de colores son generadas a partir de una composición de tonos provenientes de una librería de imágenes.
Prueba Shopify gratispara crear tu tienda online.
Sin tarjeta de crédito, fácil e intuitivo.
Preguntas frecuentes sobre generadores de paletas de color online para diseño de web
¿Cómo puedo elegir la mejor paleta de colores para mi logo?
¿Existen opciones de color y de paletas de colores para personlizar mi tienda en Shopify?
¿De dónde puedo editar mis imágenes para que se adapten a mi paleta de colores?
¿Por qué usar una paleta de color es una decisión de marketing?
Acerca del autor
Simones amante del café y forma parte de nuestro grupo de Partners como creador de estrategias de contenido. Optimización SEO por parte deIsmael Ruiz.