Una de las ramas fundamentales cuando uno se forma como diseñador es el color y una herramienta fundamental para conseguir que tus diseños impacten y transmitan, desde que un usuario entra en tu web es el circulo cromatico.

Saber utilizar los colores según el mensaje que quiere transmitir el diseño, saber combinarlos… pero también saber qué es el color, cómo se representa a la hora de mostrarlo en un ordenador o a la hora de imprimir.

También te puede interesar:

🢂 10 Consejos de diseño de stand de exposición

🢂 ¿Qué es un logo y cómo crear uno para mi empresa?

En este post te voy a hablar del círculo cromático y te voy a explicar cómo puedes utilizarlo a la hora de elegir colores para tus diseños, pero antes quiero que sepas algunas cosas del color.

¿Qué es el color?


El color es un acontecimiento que tiene lugar entre tres participantes: una fuente de luz, un objeto y un observador (u observadora).

Las longitudes de onda que emite la fuente de luz son modificadas por el objeto y al ser recibidas por el observador, producen una sensación que es el color:

¿Qué es el color?

Si cambia uno de estos tres participantes, cambiará el acontecimiento y, por tanto, el color.

El espectro

Se denomina espectro a todo el rango de niveles de longitudes de onda (medida en nanómetros) de los fotones cuando viajan a través del espacio y el tiempo.

De todo ese espectro, nuestra vista capta sólo una pequeñísima parte que va aproximadamente desde los 380 nm. a los 750 nm. y que se denomina espectro visible. Esta franja está comprendida entre los infrarrojos y los ultravioleta.

Nuestros ojos responden de manera distinta a las diferentes longitudes de onda de esa franja, provocándose diferentes sensaciones de color.

circulo cromatico: espectro visible

Imagen: https://commons.wikimedia.org/wiki/File:Electromagnetic_spectrum-es.svg

 

En este post puedes ver un increíble vídeo en el que se recorre el espectro visible usando escenas de películas de Pixar.

espectro de color pixar

¿Qué es el círculo cromático?


Bien, una vez que te he explicado lo anterior, entro ya en materia con el objeto de este post, que es contarte qué es el círculo cromático y cómo puedes utilizarlo en tus diseños.

El círculo cromático es una representación del espectro visible de manera circular.

Un círculo cromático se ve así:

circulo cromatico representacion

Imagen: https://commons.wikimedia.org/wiki/File:HLSColorSpace.png

Como puedes comprobar, es el espectro visible hecho un círculo. Los rojos, que son el extremo de las longitudes de onda más larga, acaba junto a los violetas, que son las longitudes de onda más corta. Ocupando el resto del círculo están los demás colores en el mismo orden que en el espectro.

Pero si te fijas ahí falta algo. Dentro del mismo tono (o matiz) puede haber más o menos saturación. Esto se refleja en el círculo cromático desde el centro, donde estaría el blanco, hasta los extremos, donde estaría el color puro. Fíjate en la siguiente imagen:

circulo-cromatico-saturacion

Imagen: https://color.adobe.com/es/create

Date cuenta que ahora el color más intenso está en el extremo del círculo, mientras que a medida que nos acercamos al centro se va haciendo menos intenso y acercándose al blanco.

 

Composición del circulo cromatico


Ya te he explicado cómo el círculo cromático procede del espectro y es simplemente su representación en círculo. Pero seguro que en más de una ocasión has oído hablar de colores primarios, colores secundarios y colores terciarios.

¿De dónde sale eso? ¿Quién ha decidido cuáles son los colores primarios y por qué? Tenemos que mirarnos un poco a los ojos para responder a eso.

 

🎨 Tricromía: rojo, verde y azul

La base fundamental de cualquier reproducción del color es el diseño de tres canales de la retina humana.

El ojo humano tiene tres tipos de sensores del color que se corresponden aproximadamente con el rojo, el verde y el azul.

Nuestra retina se compone de unas células nerviosas denominadas fotorreceptores. Son de dos tipos: bastones y codos. Toman estos nombres por su forma. Los bastones son alargados y los conos, bueno, tienen forma de cono 🙂

Los bastones funcionan en condiciones de poca luz, como por ejemplo, de noche. Los conos funcionan en condiciones de luz brillante. En nuestra retina tenemos muchos más bastones que conos (aproximadamente 120 millones frente a 6 millones).

Mientras que los bastones son todos iguales, tenemos tres tipos de conos. Unos responden a las longitudes de onda largas, otros a las longitudes de onda media y otros a las longitudes de onda corta. De ahí que se denominen L, M o S (Long, Medium y Short) aunque también se conocen como conos rojos, conos verdes y conos azules.

🥇 Colores primarios

Esta estructura tricromática de la retina es lo que determina lo que conocemos como colores primarios aditivos. Si dividimos el espectro visible en tres partes iguales obtendremos tres fuentes de luz que podemos denominar roja, verde y azul. Desde el negro (sin longitudes de onda) las tres fuentes añaden longitudes de onda (color aditivo) hasta llegar al blanco, que serían todas las longitudes de onda en proporciones iguales.

Por todo lo expuesto, decimos que los colores primarios son el rojo, el verde y el azul.

Circulo cromatico : Colores primarios

La mezcla aditiva. Imagen: https://commons.wikimedia.org/w/index.php?curid=818982

 

🥈 Colores secundarios

Los colores secundarios son los que se obtienen de la mezcla de los tres primarios.

🔴🟢 Mezclando el rojo con el verde obtendremos el amarillo.

🔴🔵Mezclando el rojo con el azul obtendremos el magenta y

🔵🟢mezclando el verde con el azul obtendremos el cian.

Estos colores secundarios coinciden con los colores primarios de la mezcla sustractiva, que es la que se usa para impresión (¿te suena CMYK?).

 

¿Cómo usar el círculo cromático?


Ahora que ya sabes más sobre la luz y el color, sobre cómo lo percibe nuestra retina y qué es el círculo cromático, te voy a explicar cómo puedes usarlo en tus diseños.

Tomando como base el círculo cromático, podrás elegir combinaciones de colores que funcionen siguiendo algunos criterios que te voy a enumerar.

Circulo cromatico: Combinaciones de color mas importantes


 

🎨 ¿Que son los Colores análogos?

Son colores que están a ambos lados de cualquier color del círculo cromático, es decir, colores “vecinos”.

colores analogos

🎨 ¿Que son los Colores monocromáticos?

Son colores que se forman con variaciones de saturación del mismo color. Estaríamos usando una línea recta desde el extremo del círculo hasta su centro.

colores monocromatico

🎨 Tríada

Son colores que se forman usando un triángulo equilatero, es decir, colores equidistantes entre sí y a su vez a la misma distancia del centro del círculo.

colores Triada

🎨 ¿Cuales son los colores Complementarios?

Son los colores que se encuentran opuestos en el círculo cromático. Deben estar a la misma distancia del centro del círculo.

colores complementarios

🎨 Colores Compuestos

Los colores compuestos son como los complementarios pero se usan además colores análogos al par opuesto.

Circulo cromatico: color compuesto

¿Como encontrar los Tonos de color?

Para este sistema se usa el mismo color con variaciones de brillo.

 

Herramienta para trabajar con el círculo cromático


Como ves, hay varios sistemas de armonía de color que te permitirán elegir combinaciones que funcionen bien en tus diseños. Tú y sólo tú decidirás cuál es el más apropiado en cada momento.

Para poder probar combinaciones de colores, te voy a recomendar una herramienta que uso yo muchísimo y que te permitirá crear esas combinaciones en base a los sistemas que te acabo de explicar.

La herramienta se llama Adobe Color y una de las funcionalidades que tiene es poder crear combinaciones de colores basándote en los sistemas de armonía de color que te he contado. Es con esta herramienta con la que he preparado las imágenes que ilustran los apartados anteriores.

Para ello, sólo tienes que elegir el sistema que prefieras y luego manipular los tiradores arrastrándolos a la posición que quieras del círculo cromático. Permite usar 6 colores para cada paleta que crees.

También puedes editar cada uno de los colores modificando su valor RGB o incluso el brillo. Esto te permite una flexibilidad increíble a la hora de crear paletas, consiguiendo una personalización absoluta.

Por ejemplo, puedes elegir como color base el color Pantone del año y a partir de ahí crear una paleta de colores que combinen con él.

 

Conclusiones


Manejar el color en un diseño es uno de los factores más importantes y se debe de realizar con atención y cuidado. Saber elegir los colores apropiados para combinar con el color corporativo del cliente para el que estás trabajando es básico si quieres que tu labor tenga éxito.

Como puedes observar, saber más sobre el color, saber qué es el círculo cromático y aprender a utilizarlo para crear paletas de color y combinaciones basadas en sistemas de armonía para tus diseños te facilitará en gran medida esa labor.

Espero que este post te haya resultado útil y hayas aprendido con él. Si es así, por favor, compártelo para que llegue a más personas y deja un comentario, que eso siempre anima mucho 😉

Imágenes cedidas por Deposit photos.

 

Nacho EspinoNacho Espino

¡Hola! Yo soy Nacho Espino, diseñador gráfico y web y apasionado de la productividad en continua formación sobre este tema. En mi blog escribo sobre ello y te aporto trucos y técnicas para ser más eficiente y conseguir hacer más con menos esfuerzo y en menos tiempo.
 

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies