El color es uno de los elementos más potentes dentro del mundo del diseño gràfico.
Los generadores de color o color picker son sus grandes aliados.
A través del color transmitimos la primera impresión de nuestra marca, sin palabras influimos sobre la audiencia/cliente/seguidor/consumidor.
Y cuando nuestra estrategia es coherente con el público objetivo y lo que queremos que este perciba de nosotros, tenemos una combinación ganadora.
El color relacionado con el logotipo, la página web y todo lo relacionado con la marca dice mucho, entonces vale la pena elegir de manera correcta el color o la paleta de colores que enamoraran al cliente.
Qué son los generadores de color o color picker?
Índice del artículo
- 1 Qué son los generadores de color o color picker?
- 1.1 1. CC Color Wheel o Kuler
- 1.2 2. Brand Colors Wheel
- 1.3 3. COLOURlovers
- 1.4 4. Color Schema Designer
- 1.5 5. Color Hunter
- 1.6 6. Colrd
- 1.7 7. Oto255
- 1.8 8. Color Blender
- 1.9 9. Pictaculous
- 1.10 10. HTML Color Codes
- 1.11 11. Cohesive Colors
- 1.12 12. Paletton
- 1.13 13. Colourcode
- 1.14 14. Color Hunt
- 1.15 15. Colorhexa
Son recursos online que facilitan la búsqueda de paletas de colores en segundos.
Nos permiten jugar con las diferentes armonías cromáticas y armar un esquema de color apropiado.
Hay infinidad de Color Pickers y aquí te traemos una lista completa para que pruebes, experimentes y te inspires.
Cuando el generador de color permita obtener paletas de colores desde una imagen o una fotografia verás este icono.
El Adobe Kuler es un generador de paleta de colores online y aunque es de Adobe es gratuito y con un soporte 10.
Te permite hacer combinaciones con la rueda de colores o explorar miles de combinaciones creadas por la comunidad Kuler.
Con él puedes probar, crear y guardar varias paletas de colores para cargarlas posteriormente en cualquiera de los softwares de Adobe: Adobe Indesing, Adobe Photoshop, el genial Adobe Illustrator y finalmente Adobe After Effects.
Sí trabajas con photoshop te conviene saber que ésta herramienta ya la tiene integrada a través de una extensión.
El panel de temas de Adobe Color te da acceso a paletas de colores creadas por diseñadores o bien, puedes crear tus propias armonías cromáticas, tú eliges!
La selección de paletas creadas y compartidas por otros usuarios es fácil a través del sistema de filtros, se puede filtrar por:
- Paletas de color más utilizadas
- Paletas de color más populares
- Paletas de color visitadas previamente
- Paletas de color publicadas
- Paletas de color al azar
Kuler tiene una interfaz nueva, más fácil e intuitiva, además de nuevas prestaciones como:
- Incorporación de pestañas para hacer más eficiente el flujo de trabajo.
- La rueda cromática puede ajustarse según las necesidades del usuario.
- Fácil acceso a la información del espacio de color.
- Opción de guardado de cambios mucho más rápida que antes.
Otra de las funcionalidades interesantes de Kuler es la posibilidad de crear esquemas de colores a partir de una imagen y convertirlo en plantilla.
Aquí puedes aprender cómo explorar, crear y guardar armonías cromáticas con este generador de paleta de colores.
Es una herramienta con una enorme colección de códigos de color de marca oficiales, 500 marcas y más de 1400 colores.
Es fácil de usar y célebre porque permite saber cuál es la armonía cromática utilizada por cada marca.
La interfaz es simple, sugieres el nombre de una marca en su buscador y Brand Color te enseña su paleta de colores.
Puedes descargarte las paletas en los siguientes formatos:
- ASE (Adobe)
- CSS
- SCSS
- LESS
Ésta herramienta es una fuente de inspiración, más que un generador de paletas de color Colourlovers incluye plantillas, esquemas de color y miles de variaciones cromáticas.
Todos los recursos que encuentras son compartidos por personas que forman ésta comunidad creativa.
Sí necesitas ideas este es un sitio ideal para encontrarlas, paletas y patrones navegables para todos los gustos.
Cómo usar COLOURlovers?
- Lo primero y recomendable es que te des de alta como usuario, apartir de aquí a disfrutar!
- Desde «Browse» puedes acceder a las últimas paletas, patrones y colores.
- Cajón de búsqueda de patrones de background (o fondos de pantalla) y paletas de colores.
- Todo lo que encuentres y te guste lo puedes descargar en distintos tamaños e incluso puedes editarlo.
- En la sección tools tenemos cosas muy interesantes como:
- Seamless Pattern, con la que puedes diseñar tu propio patrón fácilmente.
Usando sus herramientas de edición puedes cambiar el tamaño, rotar y agregar formas, líneas y texto al lienzo y guardar tus patrones. - Photocopa, funcionalidad con la que puedes identificar la paleta de colores de una imagen.
- Color of the year, nos permite votar y elegir el color del año.
- COPASO, es una herramienta avanzada que te ayuda a generar la paleta de colores perfecta y la tienes en versión básica también.
- Seamless Pattern, con la que puedes diseñar tu propio patrón fácilmente.
Ésta herramienta es utilizada por muchos profesionales de la imagen y el diseño.
Viene a ser algo así, como la rede social del color donde todos hacen sus propias paletas de colores y comparten sus creaciones.
A qué esperas para crear, bautizar y compartir tu propia paleta?
Este color picker tiene un funcionamiento realmente sencillo, solo basta elegir un color principal y la herramienta te enseñará la paleta de colores con los 5 tonos que mejor combinan con el color base.
Sin duda las ventaja más importantes de este generador de paletas de colores son:
- Posibilidad de comprobar directamente en la herramienta cómo vería una persona daltónica la paleta que has elegido.
- Muestra con ejemplos concretos cómo armonizar la paleta en un diseño a través de los tintes y las sombras.
- Puedes crear la paleta jugando con los colores complementarios, tríadas y tetradas del color principal.
- Permite descargar las paletas creadas en múltiples formatos; texto plano, photoshop, XML, HTML y CSS.
El contraste, el tono y la saturación de los esquemas de color generados pueden adaptarse de manera independiente.
Te enamoras de la paleta de colores de una imagen cualquiera?
Definitivamente quieres esos colores en tu diseño? Entonces sube la imagen a Color Hunter y espera que se obre la magia.
Este generador fácil y sencillo te mostrará la armonía cromática de tu imagen.
Pero aún hay más, puedes usar su potente buscador para encontrar colores a través del código hexadecimal o del nombre del color.
El punto de partida de Colrd son las imagenes, igual que el anterior color picker, nos permite subir una imagen e inspirarnos con la paleta que genera.
Pero no es lo único que puedes hacer con este generador de paletas.
Encontramos dos funciones principales:
- Crea
- Tienes 4 opciones para crear: color, palette, gradient e imagen.
- Para crear cualquiera de las 4 opciones tienes un apartado llamado Labs (Open Source) con tres opciones para dar rienda suelta a tu imaginación; Color Picker Classic, Color Picker HSL + RGBA y Color Picker Mini Sphere.
- Descubre
- Puedes filtrar por los más populares, fecha de creación o nombre.
La página de inicio es un mostrario muy inspirador de que contienes las siguientes opciones creadas y compartidas por otros usuarios:
- Color
- Palette
- Gradients
- Patterns
- Image
La herramienta de color es supremamente sencilla de usar, puedes encontrar colores más claros y más oscuros según el color de base que elijas.
Oto255 trabaja con la escala de luminosidad HSL.
Para utilizarla, solo has de entrar un color en código hex o elegirlo del random color y el color picker te dará todas las gamas de colores desde las sombras hasta sus tintes.
Haciendo clic en el color que quieras usar, el código hexadecimal se copiará automáticamente en tu portapapeles.
Es un generador de color divertido, simple y un gran ahorro de tiempo.
Color Blender es generador para crear paletas de colores (aquí llamadas «mezclas») para diseño web y otros tipos de diseño digital.
La característica principal de la herramienta es tener una «mezcla» completa de 6 colores coincidentes creados al elegir solo un color «base».
Esto hace que sea rápido y fácil crear un esquema de color para un sitio web, ya que puedes usar instantáneamente los colores para texto, fondos, enlaces, bordes, etc
Tienes una fotografia? Entonces tienes una paleta de colores.
Pictaculous genera paletas cromáticas a partir de una imagen, es súper fácil, sube la imagen y dale a Obtener mi paleta.
Qué mola de este color picker?
- Después de subir la foto te muestra un paleta de los 5 colores predominantes en ella.
- Recibes sugerencias de Colourlovers y Kuler respecto de ésta paleta.
- Puedes descargar la paleta y usarla directamente en el universo Adobe.
Realmente un generador de paleta de colores a un click.
Te pones sobre su selector de color, haces click y voile!
Colores complementarios, tríadas, análogos, sombras, tintes, tonos y mucho más.
Todo esto con sus respectivos códigos Hex, RGB y HSL.
Puedes formar tus propios esquemas de color y descargarlos en formato HTML, CSS, Hex y RGB.
A menudo nos encontramos con ideas que nos vuelven locos y otras veces tenemos alguna idea en mente pero hay algo que hace que no nos acabe de encajar.
Cohesive colors es la herramienta perfecta para encontrar ese toque que le falta a nuestra paleta de colores.
Basta con agregar un poco de tinta al color que elijas de tu paleta de color y obtendrás las variaciones posibles.
Seguro que entre ellas encuentras eso que le encontrabas a faltar a tu paleta original.
Generador de paletas de color basada en el espacio de color RYB hecho a medida. De hecho, es su punto fuerte.
Por lo que las paletas resultantes son diferentes a las conseguidas con los color picker habituales.
Con ésta herramienta creas combinaciones y paletas de colores que funcionan bien juntos.
Esto es así porque se basa en los principios de la teoría de los colores y genera una gama cromática adicional para cada tono original.
Cómo funciona Paletton?
La aplicación funciona con 5 modos diferentes:
- Monochromatic: trabajo con un único color o monocromático, en este modo la paleta obtenida será del color base inicial más sus 5 sombras correspondientes. También tienes la opción de crear combinaciones con los 2 colores complementarios del tono base.
- Adjacent Colors: o colores adyacentes, en este modo de trabajo, paletton generará paletas de colores basadas en el color elegido añadiendo 2 colores parecidos. En este modo de trabajo cuentas con las 5 sombras de los 3 colores anteriores y la posibilidad de añadir los 2 colores complementarios del color original.
- Triad: la paleta de colores generada en este modo está formada por tres tonos combinados armónicamente entre sí (triadas) con las cinco sombras correspondientes. Al igual que en los dos modos anteriores, puedes agregar al esquema de color los colroes complementarios del color base.
- Tetrad: el resultado de este espacio de trabajo es una paleta de color formada al combinar el color base con dos tonos secundarios y con un color complementario. Para cada color se generan cinco sombras.
- Free style: como su nombre lo indica, total libertad para hacer combinaciones de cuatro colores de forma individual. Has de tener en cuenta que la armonía de la paleta resultante no es automática, sino que depende única y exclusivamente de ti.
Una vez seleccionado el modo de trabajo, que marcará el resultado final, pasamos a trabajar con el círculo cromático.
La elección del color base y sus secundarios se hace directamente en la rueda cromática.
Manipulando el regulador del tono inicial se generará la paleta, realmente es fácil su uso.
Con la parte exterior del círculo puedes seleccionar el color o los colores a utilizar y con la parte interior puedes realizar las variaciones que creas convenientes de los tonos seleccionados.
Cuando tienes ya definida la paleta de colores, Paletton te da la opción de probarla y para ello te presenta el botón exemples con tres modos diferentes: page layout, artwork y animated.
Lo que verás será la utilización de los diferentes colores que componen tu paleta en la estructura de una página web, por ejemplo.
Finalmente puedes exportar la paleta creada en formato CSS, LESS, SASS, XML o swatches para Photoshop, a través del botón Tables → Export y selecciona el formato que mejor se ajuste a tus necesidades.
Paletton es una herramienta perfecta para diseñadores web que deben necesitan encontrar los colores complementarios perfectos a la paleta de colores ya establecida de una marca en particular.
Con una interfaz simple e intuitiva a este color picker le basta con que muevas el cursor por la pantalla y elijas el color que quieres.
La primera información que obtenemos es el código hexadecimal del tono en cuestión.
A partir de aquí puedes dar estructura al esquema de color que quieras.
Las opciones que ofrece Colourcode son:
- Free wild: con ésta función vas construyendo la paleta de colores en modo free style, comienzas seleccionando el tono base y luego vas añadiendo el resto de la combinación cromática haciendo clik en el + de la derecha de la interfaz.
- Monochrome: con ésta opción eliges el color base y la herramienta te proporciona la paleta mococromática de 5 colores.
- Monochrome & dark gray: en este modo de trabajo obtienes la paleta de color resultante de añadir el color negro en diferentes cantidades al tono inicial.
- Monochrome & light gray: con ésta opción la paleta se degrada hacía colores más claros.
- Analogic: el resultado es una paleta formada por los colores adyacentes al tono base.
- Analogic & complement: la paleta resultante está formada por los colores adyacentes y complementarios del color base.
- Complement: el esquema de colores resultante está formado por los dos colores que estan en una posición opuesta dentro del círculo cromático al tono base. La combinación de estos colores presenta un contraste elevado.
- Triad: con ésta opción la paleta de color tene colores equidistantes entre sí dentro del círculo cromático. Su combinación suele tener un contraste alto y funcionan a la perfección cuando domina uno de ellos.
- Quad: este esquema de color resulta del uso de colores complementarios ubicados a 60º en el círculo cromático.
Una vez encuentres el esquema cromático adecuado para tu diseño, descarga el resultado en formato scss, less o como un archivo .png.
Otra aplicación que sirve de inspiración a diseñadores. Puede decirse que es otra red social donde miles de usuarios comparten su paletas cromáticas para que quien quiera haga uso gratuitamente.
Color Hunt es una colección abierta de paletas de colores.
La colección sirve miles de diferentes paletas de colores seleccionados a mano y crece día a día.
Cada paleta es creada por los propios usuarios de Color Hunt y la mejor de ellas se muestra en la página principal.
Puedes filtrar las paletes por las siguientes opciones:
- New
- Hot
- Popular
- Ramdom
Ésta aplicación te permite también crear y compartir tu propia combinación cromática.
Y al igual que en redes sociales tienes la opción de dar likes a las creaciones que más te gustan.
Calificada por muchos, incluido su creador, como «la enciclopedia del color».
ColorHexa es más que un color picker, es una herramienta que proporciona información sobre cualquier color y genera paletas de colores coincidentes para sus diseños:
- Esquemas de colores complementarios
- Esquemas de colores análogos,
- Esquemas de colores triádicos,
- Esquemas de colores tetradicos
- Esquemas de colores monocromáticos
Su uso es sencillo pero no así la información que ofrece, que es completísima.
Sólo tienes que escribir un valor de color en el campo de búsqueda y la herramienta ofrecerá una descripción detallada que convertirá automáticamente a su equivalente en:
- Hexadecimal
- RGB
- CMYK
- HSL
- HSV
- CIE-LAB / LUV / LCH
- Hunter-Lab,
- XYZ,
- xyY
- Binario.
Nos quedaríamos cortos intentando explicar cómo funciona Colorhexa, por eso te animamos a explorarla.
Qué te parece? Es una lista de color pickers útil, pero hay muchas otras!
Iremos completándola con más herramientas online y sus correspondientes características, explicaciones sobre cómo usarlas y aplicaciones prácticas.
Y para acabar, un breve listado de las aplicaciones sobre las que hemos hablado y que sirven para crear una paleta de colores online:
- Adobe Kuler
- Brand Color Wheel
- COLOUR lovers
- Color Schema Designer
- Color Hunter
- Colrd
- Oto255
- Color Blender
- Pictaculous
- HTML Color Codes
- Cohesive Colors
- Paletton
- Colourcode
- Color Hunt
- Colorhexa
Esto es todo de momento, te esperamos de nuevo con las actualizaciones del listado.
También te puede interesar:
