Las 14 mejores herramientas para crear una paleta de colores

Por definición, una paleta de colores es «una carta de colores de diferentes tonalidades«.

Su paleta responde a una necesidad esencial para su marca, que es la identidad visual o carta gráfica de su sitio web, ¡pero no sólo!

También permite a los usuarios diferenciarle y reconocerle en la web, en su tienda y en todos sus medios de comunicación (web e impresos).

Por eso, la investigación y la elección de los colores que conformarán su paleta son esenciales y deben hacerse con rigor. Lea nuestro último artículo sobre el círculo cromático y su uso.

Pero entonces, ¿cómo elegirlos bien?

Ahora es posible crear una paleta de colores en la web sin tener todos los conocimientos y herramientas de un diseñador gráfico. De hecho, ahora existen generadores de colores con los que puede crear la combinación de colores perfecta para su sitio web.

Incluso es posible comparar las diferentes combinaciones o paletas creadas posteriormente compartiéndolas en las redes sociales, por ejemplo.

Hoy vamos a ofrecerte las mejores herramientas que te permitirán construir una paleta de colores de forma sostenible.

Y si quiere ir más allá, podemos asesorarle sobre las mejores agencias de diseño gráfico.

En este artículo

Las mejores herramientas para crear una paleta de colores

Descubre nuestra selección de las herramientas de creación de paletas más relevantes, eficaces y fáciles de usar para el usuario medio:

Coolors

Empecemos con Coolors: este sitio te permite generar paletas de colores de forma rápida y sencilla, según tus necesidades.

La herramienta le permite crear su propia paleta o inspirarse en las miles de combinaciones de colores prediseñadas disponibles en su biblioteca de paletas en su sitio web.

Así pues, al entrar en el sitio, puede crear libremente una paleta de colores de la siguiente manera:

1. Las paletas de colores aleatorias se muestran directamente en la página de inicio y cambian en cuanto se pulsa la barra espaciadora.
2. Cuando te guste un color, sólo tienes que hacer clic en el candado para fijarlo en tu paleta y empezar a crear.
3. Repite el proceso para todas las demás casillas, alternando los clics en la barra espaciadora y bloqueando los colores que te gustan. La herramienta le sugerirá automáticamentecolores complementarios a los que haya seleccionado.

Para acceder a ciertas opciones (como guardar las paletas existentes), deberá crear una cuenta en el sitio con su buzón de correo.

Ventajas:

• Rápido y fácil de usar
• Una interfaz de usuario muy bien pensada, una UX sencilla
• Posibilidad de exportar las paletas en diferentes formatos: CSS, ASE, SVG, HTML, PDF o enlace URL
• Facilidad para copiar los códigos de color HEX y luego importarlos, utilizarlos o enviarlos
• No es necesario conectarse para iniciar el generador (disponible directamente en la página de inicio)
• Opción para daltónicos: experiencia de usuario muy satisfactoria
• Posibilidad de hacer una paleta a partir de una imagen o un collage (tomar como referencia los colores de la imagen para crear la paleta)
• Disponible como aplicación, en iPhone – iOS así como una extensión de Chrome y Adobe

Desventajas:

• Tener que registrarse e iniciar sesión para guardar las paletas
• Es difícil encontrar LA paleta que más le convenga entre todas las disponibles en la sección «Explorar»
• La aplicación sólo está disponible en iOS y no es gratuita

Adobe Color CC

Adobe Color CC, anteriormente Adobe Kuler, le permite crear y explorar numerosas paletas de colores armoniosas.

Esta herramienta es muy completa, por todas las posibilidades que ofrece la plataforma y las posibles interacciones.

Ventajas:

• Puedes configurar muchas opciones antes de iniciar la paleta (similar, monocromo, tríada, complementario…)
• La aplicación te permite tomar una foto de cualquier lugar a tu alrededor y hacer una paleta de colores que puedes utilizar directamente
• Puedes compartir tus paletas, crear temas que se guardarán directamente en Creative Cloud y el servicio Color. Esto facilita la integración en todos los programas de Adobe, como Photoshop o Illustrator, lo cual es muy interesante si son programas que utilizas a diario
• Los colores también pueden ser compartidos y comentados por otros usuarios de Adobe Color CC o en las redes sociales directamente
• Aplicación disponible para Android, Windows Mobile e iOS

Desventajas:

• Los colores de las fotos pueden no coincidir al 100%
• Más utilizado y accesible para los diseñadores gráficos que para el público en general debido a la accesibilidad de la paleta en todo el software de Adobe

HTML Color Codes

HTML Color Codes ofrece un selector de colores extremadamente eficaz. Sólo tienes que arrastrar el cursor a la zona de color que deseas seleccionar y hacer clic para añadir el color a tu paleta.

En la parte superior derecha encontrará una paleta automática con candados abiertos debajo de cada color. El principio es sencillo, tienes que elegir todos los colores moviendo el cursor y jugando con los diferentes filtros disponibles.

Cuando quieras bloquear un color en tu paleta, sólo tienes que hacer clic en el candado que hay debajo del color y ¡ya está!

Sólo queda hacer lo mismo con los otros 5 colores.

Ventajas:

• Obtiene rápidamente los códigos HEX o los valores RGB y HSL de un color
• Se puede exportar en HTML, CSS o SCSS
• Numerosos filtros para proponer una paleta a la carta: complementarios, triádicos, tetrádicos, análogos, neutros, matices…
• Posibilidad de ver las armonías y matices de los colores y tintes. Así podrá encontrar la mejor combinación de colores con el contraste perfecto para satisfacer sus necesidades.
• Explicaciones detalladas debajo del selector de colores de lo que corresponde a cada herramienta (por ejemplo, ¿qué es un color complementario?)

Desventajas:

• Puede llevar mucho tiempo, ya que el sitio no ofrece inspiraciones, paletas ya hechas disponibles
• El proceso para crear tu propia paleta es muy individualista, tienes que analizar y juntar todo y tener una gran imaginación

Paletton

Paletton utiliza la rueda de colores para que puedas crear libremente tus propias paletas de colores.

Primero elige tu color principal en la parte exterior de la rueda de color. A continuación, puedes elegir tonos y colores secundarios en la parte central de la rueda y cambiarlos uno a uno manteniendo pulsada la tecla SHIFT del teclado.

La herramienta le permite generar una maqueta de su sitio web con los colores que haya seleccionado para probar la representación.

Ventajas:

• Muchas funciones similares a las de Adobe Color CC
• Maqueta del sitio con los colores de sus paletas: aplicación directa con un render para ver si le gusta o no

Desventajas:

• Menos instintivo que otras herramientas
• Más difícil de manejar

Mudcube Color Sphere

Mudcube Color Sphere es un generador de paletas basado en la esfera cromática. Permite visualizar las armonías de color en toda la esfera.

Además, también es capaz de simular el daltonismo en sus colores para que pueda comprobar la accesibilidad de su paleta para todos.

Ventajas:

• 10 posibilidades para crear una paleta (en Harmony arriba a la derecha): neutra, analógica, complementaria…
• 9 visiones diferentes: incluye diferentes tipos de daltonismo para una paleta agradable para todos

Desventajas:

• Exportación en formatos no interesantes para todos: .ai (Illustrator), .aco (Photoshop)
• Bastante útil para las personas que están acostumbradas y necesitan trabajar con la suite de Adobe

Material Palette

Material Palette es la herramienta que te permitirá cumplir con las reglas de Material Design (de Google). En efecto, permite generar paletas basadas en las reglas de Material Design y propone colores primarios y secundarios para sus paletas.

Ventajas:

• Paleta de colores de acuerdo con las reglas de Material Design para su sitio
• Sugerencia inteligente de colores en función de la ubicación en el sitio (iconos, áreas de texto, fondo…)
• Se puede guardar en diferentes formatos: HTML, CSS, SASS, LESS, SVG, XML y PNG

Desventajas:

• Sólo 19 colores preseleccionados para formar su paleta: muy restrictivo comparado con otras herramientas que hemos visto antes

Colour Lovers

Colour Lovers cuenta con una gran comunidad internacional de diseñadores y artistas que comparten su inspiración y sus paletas de colores.

Puedes crear y compartir tu propia paleta en el sitio, pero también inspirarte en las paletas de otros usuarios.

Ventajas:

• Una comunidad muy amplia que puede aconsejarte y compartir contenidos interesantes (consejos, foros, grupos, blog…)
• Más de 4 millones de paletas y casi 6 millones de diseños disponibles para el autoservicio en el sitio
• Funcionalidad «avanzada» para crear tu propia paleta: puedes jugar con el brillo, el desvanecimiento, la mezcla entre colores…
• Posibilidad de acceder a un tema como «boda» que propondrá todas las creaciones e ideas de acuerdo con este tema
• Posibilidad de buscar paletas por nombre

Desventajas:

• Tienes que estar suscrito y conectado para guardar y compartir tu paleta
• Sitio con un diseño bastante antiguo, poco intuitivo

Color Combos

Color Combos permite ver cómo funcionan las diferentes combinaciones de colores en una pantalla.

Por ejemplo, con el probador de combinaciones, puede generar automáticamente una paleta con colores que coincidan entre sí.

También puede consultar la biblioteca de combinaciones, que contiene cientos de cartas de colores.

Ventajas:

• Posibilidad de tomar los colores de un sitio web: basta con copiar y pegar la URL del sitio web en la barra
• Posibilidad de ver el texto bajo todos los colores de la paleta en cada fondo de color (ver foto)
• Paleta a partir de una imagen
• Posibilidad de buscar con palabras clave en la biblioteca de colores, muy práctico

Desventajas:

• No es posible guardar, sólo la posibilidad de copiar y pegar el código HTML o copiar y pegar uno a uno los códigos HEX de cada color, no es muy práctico

Colordot

Nuestra última recomendación, Colordot, es un sitio bastante original que te permitirá crear tu propia paleta de colores. ¡Esta es para todos los grandes creativos!

En efecto, cuando aterrice en el sitio encontrará una página de color. Basta con mover el cursor en la página para ver el cambio de color. Con un clic se guarda el color deseado.

Es bueno saberlo: yendo de izquierda a derecha, cambiarás el color; de arriba a abajo, el brillo y desplazándote, cambiarás la saturación.

Ventajas:

• Proceso original que permite una gran creatividad
• Diversión
• Disponible como aplicación en iOS

Desventajas:

• Herramienta relativamente complicada de utilizar en comparación con otras, es difícil dar con los colores perfectos y deseados sólo moviendo nuestro cursor de forma imprecisa, más un juego que un modelo serio
• Sólo disponible en iOS

Herramientas adicionales para una paleta de colores perfecta

Para armonizar su paleta de colores

Color Hexa

Color Hexa genera paletas de colores que coinciden con el color base que selecciones. Pero no sólo eso.

Se describe como «la enciclopedia del color«. Y es que la herramienta proporciona información sobre cualquier color, con una descripción detallada.

De este modo, podrá encontrar toda la información sobre este color, sus colores alternativos. Así como la vista previa del color en una paleta de colores y en elementos gráficos.

Ventajas:

• Esquemas de colores complementarios, triádicos, tétricos, monocromáticos…
• Proporciona una vista previa del color en diferentes formatos en un sitio web (fondo, color del borde…)
• Simulador de daltonismo

Desventajas:

• Es necesario tener un color inicial (con su valor en HEX o RGB)
• Las paletas propuestas son, en su mayoría, derivados del color base en diferentes tonos. Por lo tanto, esto no constituye realmente una paleta completa
• Además, no puede modificar los colores propuestos, lo que no le deja ningún control sobre su paleta

Recomendamos esta herramienta como complemento de todas las demás mencionadas anteriormente. Color Hexa puede, una vez creada su paleta de colores, ofrecerle detalles de todos los colores de su paleta.

La función «simulador de daltonismo» le ayudará a ver si los colores de su sitio web se adaptana todo el mundo y son capaces de atraer al máximo número de personas.

Cohesive Colors

Cohesive Colorsunifica su paleta. De hecho, la herramienta le permite hacer que todos sus colores sean coherentes entre sí. A partir de un color que selecciones, podrás unificar toda la paleta en torno a este tono.

Esto se hace en 3 pasos:

1. Seleccione la paleta de colores (introduzca los códigos HEX, RGB o HSL de sus colores)
2. Añadir la superposición con la modificación del deslizador de intensidad según el renderizado deseado (color que se elige para unificar toda la paleta)
3. Resultado: es posible guardar cada código de color HEX o compartir el enlace de la paleta de colores

Por lo tanto, le recomendamos esta herramienta en caso de que se produzca un «fallo» en la elección de uno de sus colores. O, cuando todos sus colores estén elegidos, para permitirle perfeccionar y armonizar su paleta de colores una última vez.

Para extraer paletas preparadas

A diferencia de las herramientas mencionadas en la primera parte, los sitios que aparecen a continuación no permiten crear una paleta de colores.

PaletteDeCouleur.net

PaletteDeCouleur.net, como su nombre indica, ofrece cientos de modernas paletas de colores compuestas por 5 colores.

Ventajas:

• Basta con hacer clic en un color para copiar directamente su código HEX
• Posibilidad de filtrar por colores

Desventajas:

• Pocos filtros disponibles
• No está disponible en la aplicación ni en la extensión web

Flat UI Colors

Flat UI Colors presenta paletas de colores en nombre de diferentes nacionalidades para su descarga. Proceden de todo el mundo y han sido creados por diseñadores, expertos en la materia.

Ventajas:

• Haga clic en el color que desee para copiar el código HEX, RGB o RGBA
• Soporte y asistencia técnica en línea

Desventajas:

• 13 paletas de colores en la versión 2 del sitio, es decir, 280 colores (muy pocas opciones)

Color Hunt

Color Hunt ofrece descubrir las últimas paletas seleccionadas por los expertos.

Ventajas:

• Actualizada continuamente por la comunidad, lo que significa que se puede acceder a un gran número de paletas de colores de moda
• Se puede ordenar por novedad, popular, aleatorio o por tema (como «vintage», «invierno»…)
• Posible búsqueda por palabra clave

Desventaja :

• No hay filtros para encontrar la paleta de tus sueños

Conclusión

Ahora depende de ti. Tienes todas las herramientas que necesitas para crear la paleta de colores de tus sueños gracias a nuestra selección de herramientas.

Una vez que hayas creado tu paleta de colores, sólo tienes que guardarla en el formato más adecuado para poder reutilizarla en todos tus materiales de comunicación.

Esto le permitirá desplegar su identidad visual con facilidad y rapidez.

Buena suerte, ¡estamos deseando ver tus creaciones!