Paletas de Colores - 22 herramientas
Dennys Jose M.
Software Developer | Senior Front-End (JavaScript ES6, React, Next, Redux, Angular, Node) | Jr CyberSecurity (Owasp, Ethical Hacking)
Les traigo 22 herramientas Web para generar paletas de colores para los Diseños Web más creativos y geniales..
¡Saludos, gente creativa!, Hoy les traigo una colección de herramientas que les ayudarán a generar paletas de colores de forma automática para sus proyectos web.
Con estas herramientas, podrán crear combinaciones de colores cohesivas y atractivas en cuestión de segundos. ¡No más horas perdidas tratando de seleccionar manualmente cada color!
Así que, sin más preámbulos, les presento estas herramientas para que las disfruten y den vida a sus proyectos web con paletas de colores impresionantes.
¡Que la creatividad fluya!
1.) SITIO DE DE PALETA DE COLORES QUE SE PUEDEN PROBAR EN EJEMPLOS DEL MUNDO REAL
Happy Hues resuelve el problema de no saber cómo aplicar una paleta de colores a sus diseños. No solo le da inspiración a la paleta de colores, sino que te muestra, en un ejemplo real, cómo podría usar los colores para sus fondos, titulares, ilustraciones, etc.
2.) PANDACOLORS, UNA AYUDA PARA DECIDIR LOS COLORES QUE USAREMOS EN NUESTRO SITIO WEB
Pandacolors es una herramienta web en línea simple para generar colores con un solo clic. Al ver los colores en las plantillas en tiempo real, ¡no tiene que copiar y pegar códigos hexadecimales a sus editores gráficos o de código antes de que haya decidido que lo quiere! Con Pandacolors, puede omitir estos tediosos pasos.
Esta aplicación web que no muestra los colores de la paleta en columnas verticales y sí en un prototipo de sitio web que ocupa prácticamente toda la pantalla. A medida que generamos nuevas paletas, el diseño va cambiando adaptándose a las nuevas opciones, ayudando así a tener una idea del efecto que tendría la selección en un proyecto real.
3.) UNA WEB PARA CREAR PALETAS DE COLORES PROFESIONALES EN CUESTIÓN DE SEGUNDO
Random Material Palette Generator, una opción gratuita con la que crear paletas de colores profesionales en cuestión de pocos segundos.
Tal y como afirman los creadores de la herramienta, el objetivo es que podamos crear nuestras propias paletas de colores con un solo clic. La web cuenta con varias características principales que nos han llamado bastante la atención. Por ejemplo, podemos ver nuestra paleta en cinco formatos distintos (formato texto, circular, vertical, tarjeta y logo). Además, es posible exportar el resultado en PDF, PNG o HTML y ver las paletas de colores más populares entre los usuarios de la aplicación.
En cuanto al funcionamiento de Random Material Palette Generator, promete ser de lo más simple e intuitivo. Por ejemplo, podemos bloquear o desbloquear los diseños, cambiar los colores de posición y seleccionar cualquier color de entre todos los disponibles. Por supuesto, también podemos emplear códigos hexadecimales para trabajar con colores exactos.
4.) COOLORS ES UNA OPCIÓN A TENER MUY EN CUENTA
Una de las principales peculiaridades por las que destaca Coolors es la posibilidad de aplicar un filtro para ver cómo los daltónicos ven nuestros diseños. Por último, aprovechamos para destacar la posibilidad de exportar el diseño resultante en diferentes formatos.
Culrs es una de las alternativas más interesantes a la hora de averiguar qué paleta de colores nos conviene utilizar. La razón es que la herramienta nos permite indicar las características de la audiencia a la que queremos dirigirnos con nuestros diseños para indicarnos cuáles son los colores más apropiados. Por ejemplo, los colores ideales para un estado de ánimo en concreto o un grupo de edad determinado.
5.) WEB GRADIENTS ES UNA SENCILLA PÁGINA WEB EN LA QUE PODEMOS ENCONTRAR UNA COLECCIÓN GRATUITA DE 180 GRADIENTES LINEALES
Además de estar disponibles en formato CSS3 y PNG, Web Gradients también nos permite descargar cada gradiente en formato compatible con Sketch y Photoshop. Ideal para obtener inspiración.
6.) COLOR HUNT, SI ERES DE LOS QUE PREFIEREN CREAR SUS PROPIAS PALETAS DE COLORES, COLOR HUNT ES UNA OPCIÓN DE LO MÁS LLAMATIVA
Además de contar con una enorme cantidad de opciones prediseñadas, la web nos permite crear desde cero nuestra paleta de colores. En general, el proceso de creación es de lo más simple, ya que solo tenemos que seleccionar los cuatro colores que nos interesa utilizar.
Color Hunt comenzó como un proyecto paralelo para compartir paletas de colores personales entre un grupo de amigos de diseño, y ahora es un recurso popular utilizado diariamente por miles de personas en todo el mundo.
La colección sirve a miles de diferentes paletas de colores recogidos a mano y crece cada día. Cada paleta es creada por los propios usuarios de Color Hunt y lo mejor de esto se muestra en la página de inicio de Color Hunt.
Todas las paletas son de uso gratuito.
Las paletas de Color Hunt están siendo utilizadas por todo tipo de diseñadores y artistas, como ilustradores, diseñadores web, diseñadores de moda, diseñadores de interiores, diseñadores de productos, artistas digitales, fotógrafos, diseñadores de marcas y desarrolladores web.
Al proporcionar una rica colección, Color Hunt pretende ser el último recurso para las paletas de colores. Color Hunt está impulsado por las ideas de proporcionar un acceso rápido a diferentes paletas de colores, una presentación y un diseño claros, y la posibilidad de tener una colección personal de paletas que te guste.
7.) COLORMIND, UN SISTEMA DE GENERACIÓN DE PALETAS DE COLORES QUE USA INTELIGENCIA ARTIFICIAL PARA HACER LAS RECOMENDACIONES DE LOS COLORES
Solo tenemos que indicar la lista de colores con los que queremos trabajar y la aplicación nos dirá otros que “combinan” con los originales.
Para realizar esta recomendación, colormind ha sido entrenado con millones de piezas de arte, fotografías, películas y trabajos de todo tipo, de forma que encuentra combinaciones que ya han tenido éxito en otros ambientes, garantizando así el éxito.
Es posible ver las paletas generadas aplicadas en un sitio web de prueba, así como subir una imagen para que extraiga los colores y genere otros relacionados. De esta forma podemos subir un logo, por ejemplo, y obtener la paleta (o paletas) que podemos usar en el sitio web de dicha marca.
Colormind no requiere registro de ningún tipo, es rápido y eficaz, generando el código de cada color para que lo apliquemos en nuestro editor preferido, y prometen que cada día suben nuevas bases de datos de imágenes para seguir entrenando al sistema.
Sin duda, una de mejores opciones existentes hoy en esta categoría.
8.) LOL COLORS, UNA WEB ENCARGADA DE RECOPILAR PALETAS DE COLORES
Resulta ideal para todos aquellos momentos en los que necesitamos inspiración.
Se trata de un proyecto llevado a cabo por Mackenzie Child, que diseñó, programó y puso en marcha LOL Colors en tan solo 24 horas a modo de reto personal. Tal y como podéis ver en la web de la que os hablamos, LOL Colors recopila varias decenas de paletas de colores distintas, por lo que resulta de lo más útil a la hora de encontrar las mejores combinaciones para nuestros diseños.
9.) COLOR PALETTE GENERATOR – PALETA DE COLORES ASOCIADA A UNA IMAGEN
Generador de paletas de colores, muy útil para los que quieren saber qué colores combinan con una imagen determinada.
Recomendado por LinkedIn
Color Palette Generator nos invita a escoger una imagen y nos proporciona un juego de colores para poder diseñar cualquier tema relacionado con la imagen elegida.
10.) 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.
11.) 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!
12.) 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.
13.) 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!
14.) 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.
15.) 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.
16.) 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.
17.) 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.
18.) 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.
19.) 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.
20.) 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.
21.) 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.
22.) COOLORS
Con esta herramienta, puedes generar paletas de colores aleatorias o personalizadas en segundos, ajustando los colores y la saturación de cada uno, puedes guardar tus paletas de colores y compartirlas con otros.
Algunas de las características notables de coolors.co incluyen:
Biblioteca de paletas de colores: coolors.co tiene una gran biblioteca de paletas de colores creadas por otros usuarios que puedes explorar y usar en tus propios proyectos.
Integraciones: coolors.co se integra con varias aplicaciones y programas, como Adobe Creative Suite, Sketch y Chrome, lo que hace que sea fácil de usar en tu flujo de trabajo diario.