color schemes generator or Color picker HTML Color Code

Color pickers or color schemes generator

Color is one of the most powerful elements in the world of graphic design, the color schemes generators or color pickers are their greatest allies.

Through color, we transmit the first impression of our brand, without words we influence the audience/client/follower/consumer.

And when our strategy is consistent with the target audience and what we want it to perceive from us, we have a winning combination.

The color related to the logo, the website and everything related to the brand says a lot, so it’s worth choosing the color or the color palette that will make the customer fall in love.

They are online resources that facilitate the search for color palettes in seconds.

They allow us to play with the different chromatic harmonies and put together an appropriate color scheme.

There are plenty of Color Pickers, and here we bring you a complete list so you can try, experiment and get inspired.

When the color generator allows you to obtain color palettes from an image or a photograph you will see this icon.

1. CC Color Wheel o Kuler

It’s a free online Adobe color palette generator.

With it, you can try, create and save several color palettes to load later in any of the Adobe software: Adobe Indesign, Adobe Photoshop, the great Adobe Illustrator and finally Adobe After Effects.

If you work with photoshop, you should know that this tool already has it integrated through an extension.

The Adobe Color theme panel gives you access to color palettes created by designers, or you can create your chromatic harmonies, you choose!

The selection of palettes created and shared by other users is easy through the filter system; it can be filtered by

  • Most used color palettes

  • Most popular color palettes

  • Previously visited color palettes

  • Published color palettes

  • Random color palettes

Another interesting feature of Kuler is the possibility of creating color palettes from an image.

Here  you can learn how to explore, create and save chromatic harmonies with this color schema generator.

Color schemes generator or Color picker color wheel

It’s a tool with a huge collection of official brand color codes, 500 brands, and more than 1400 colors.

It’s famous and easy to use because it allows knowing what is the chromatic harmony used by each brand.

The interface is simple, suggests the name of a brand in your search engine and Brand Color teaches you its color palette.

You can download the palettes in the following formats:

  • ASE (Adobe)

  • CSS

  • SCSS

  • LESS

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
Color schemes generator or Color picker Brand Color

É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.
Color schemes generator or color pickers colour lovers

É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.

Color schemes generator or Color picker Color Schema Designer

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.

color schemes generator or Color picker Color Hunter

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
color schemes generator or Color Picker Colrd

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 schemes generator or Color Picker Oto255

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

Color schemes generator or Color picker color blender

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.
color schemes generator or Color picker Pictaculous

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.

 

color schemes generator or Color picker HTML Color Code

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.

 

color schemes generator or color picker cohesive colors

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.

color schemes generator or color pickers paletton

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.

Generador de paletas de colores Colour code

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.

generador de paletas de colores color hunt

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.

Generador de paletas de colores Colorhexa

Qué te parece? Es una lista de color pickers muy útil.

Pero aún hay más! Iremos completándola con más herramientas online para generar paletas de colores.

También te puede interesar: