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.
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.
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.
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.
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.
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.
Hotpot
No es solo un generador de colores, también podrás ver combinaciones de degradados, fondo con texto… entre otras muchas opciones.
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.
flat UI Colors
Podrás ver paletas de colores ya diseñadas, solo tendrás que copiar los colores que más te gusten.
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.
¿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:
