Los mejores generadores de paletas de colores para diseñadores

El color es muy importante en diseño web. Para ello, hoy te comparto interesantes paletas de colores para que puedas elegir combinaciones adecuadas para tu página web. ¿Buscas combinaciones de colores? ¿Buscas inspiración? Es muy importante generar buenas combinaciones de colores, sino la página web perderá calidad y eso no va a ser bueno para ningún negocio. Si estás en alguno de estos casos, estás en el lugar adecuado, podrás ver herramientas online y gratis.

Generadores de paletas de colores

Te presento distintas opciones, cada página tiene una particularidad, por lo que míralas y así podrás escoger la que más te guste.

Color Magic

Genera una paleta de colores por IA (Inteligencia Artificial). Solo tienes que escribir una palabra, por ejemplo océano, montaña… y te genera una paleta con colores relacionados a esa palabra. Si no te gustan los colores mostrados, podrás pulsar en regenerar y te mostrará otra opción con tonos diferentes.

ColorMagic AI Color Palette Generator

pppalette

Es una herramienta ideal si tienes un color ya definido, te generará varias propuestas de paleta de colores (35 diferentes) a partir de ese color. Si no tienes ese color establecido, no pasa nada, tienes la posibilidad de escoger un color aleatorio.

pppalette

Color Designer

Podrás crear tu propia paleta, ver los tonos, sombras y tintas de esos colores. Además de ver los análogos, complementarios… Si prefieres que te muestre paletas de colores por defecto también hay esa opción. Es una herramienta top, muy completa.

color designer

Paletton

Herramienta espectacular para generar colores. Si pulsas en examples, podrás ver como quedan esos colores en una página web. Y, por si fuera poco, podrás exportar esa paleta de colores como html, css, less, sass, xml o formato texto.

paletton

0 to 255

Página web muy útil, donde podrás escoger fácilmente variaciones de un color. Te muestra todas las variaciones de un color, desde blanco hasta negro.

0to255

Coolors

En esta página web podrás crear tu propia combinación de colores y después guardarla. También tienes la opción de coger una imagen que te guste y que te muestre colores que contiene.

Enciclopedia de colores

Gran herramienta online donde podrás sacar gran cantidad de colores en html y para web. Además podrás filtrar por saturación, por tonos más claros u oscuros… Muchas opciones para que escojas tus colores fácilmente.

El Google de los colores

Así se define está página, el Google de los colores. Funciona de la siguiente manera, buscas por medio de una palabra, por ejemplo «santa claus» y te salen los tonos asociados a esa palabra, en este caso colores #B6091C, #C40513 o #F70915, entre otros. Puedes buscar por lo que quieras, también he buscado como naturaleza y en este caso  te salen verdes, amarillos y azules.

Material Pallete

Es una página muy completa, tienes distintas formas de búsqued y te muestra colores relacionados. También puedes escoger la pestaña Colores y ahí escogiendo el que quieras te muestra todos la gama de colores relacionados. Es alucinante, entra y mírala, no te arrepentirás.

color Hex

Otra magnífica herramienta con paleta de colores ya definidas, o incluso puedes hacer tú mismo una combinación propia y compartirla. Puedes ver las combinaciones de colores más populares. Otra opción de la que dispone es que a partir de un color te da una ficha muy completa de otros datos como el RGB, CMYK. También podrás ver en esa ficha ejemplos de CSS3 con ese color para aplicarlo en una página web.

Color Palette Generator

Crea nuevas paletas de colores solo pulsando la barra espaciadora. Si te gusta alguno de los colores que te muestra solo tendrás que pulsar encima de él y te lo copiará al momento. Es una herramienta muy sencilla de utilizar.

palettegenerator colorion

Hotpot

No es solo un generador de colores, también podrás ver combinaciones de degradados, fondo con texto… entre otras muchas opciones.

hotpot

Eva Design System

Es otro generador de colores con la diferencia de que puedes escoger también tonos para la casilla de información, de aviso… También permite exportar esos colores elegidos.

colors eva design

flat UI Colors

Podrás ver paletas de colores ya diseñadas, solo tendrás que copiar los colores que más te gusten.

flatuicolors com

Generadores de colores

Tailwind CSS Color Generator

A partir de un color que escoger te muestra toda la escala de color, ejemplos de como queda ese color en distintos elementos y tipos de botones. Además, tiene plugin para Figma. Te ahorrará mucho tiempo.

¿Quieres saber los colores que usa una página web?

Con colorzilla es muy sencillo. Es una aplicación para Firefox y Chrome. Solo tendras que instalarla para que se active en la parte superior derecha la típica imagen de cuentagotas. Pulsas en ella y vas a cualquier parte de la página web, te dirá el color.

Hay otras formas, sin instalar esta aplicación y sería con el Desarrollador de Firefox o de Chrome o Chrome DevTools.

Como saber los colores de una imagen

¿Te gusta algún color de una foto? Si quieres averiguar los colores de una fotografía lo puedes hacer mediante distintos métodos.

Uno de ellos sería con un programa de diseño gráfico como Photoshop o Gimp.

Otra manera es la que te vamos a indicar aquí y es con una herramienta online, donde solo tendrás que subir tu imagen y automáticamente te va a indicar los colores hexadecimales de esa fotografía.

La herramienta se llama PineTools.

También lo podrás hacer desde la página de Adobe, subes la foto y te muestra la paleta de colores de esa imagen.

Otros recursos relacionados

Si quieres ver más recursos, aquí tienes algunas propuestas:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio