Teoría del color - Guía sobre teoría y armonía de colores en el diseño

Aprenda cómo funcionan los colores y aprenda a utilizar la teoría del color y todo su poder a su favor.

teoría del color

¡Si! Td bele?

Hoy hablaremos de los colores, o mejor dicho, de los teoría del color.

El color está en todo. Usamos el color a diario para varias cosas: para elegir comida, ropa, zapatos, coche, decoración…

Siempre nos encontramos pensando en "qué combinación" quedará mejor, qué colores agradarán más, qué colores evitar ...

Por tanto, el color se ha aplicado intencionadamente a lo largo del tiempo en todos los medios: en la televisión, en el cine, en la publicidad, en las revistas, en los libros, en internet, en la arquitectura, en el arte, etc. Y podemos usar esa táctica al estudiar la teoría del color.

Si trabajas, o pretendes trabajar, en áreas relacionadas con la creación y / o la comunicación, necesitas (este es un requisito mínimo e imprescindible, Galucho) conocer los colores: saber cómo funcionan, qué pueden representar y cómo utilizar. ellos de la mejor manera.

Así que empezaré aquí un serie de artículos, uno cuadriología en realidad sobre los colores.

Primero hablaré sobre la teoría del color. despues mi amigo ED Franscisco vendrá a hablar sobre el uso del color en la comunicación. Y finalmente vuelvo para ayudarlo a elegir una paleta de colores eficiente para sus proyectos. ¿OK? Así que comencemos 🙂. "¡Vamos!"

Pero antes de continuar con el artículo, quiero aprovechar esta oportunidad, ya que estamos hablando de colores, para informarles que tenemos aplicaciones abiertas para nuestro curso de Fundamentos de Diseño Visual. El curso de Fundamentos del Diseño Visual se enfoca en los fundamentos, conceptos y principios del Diseño Visual.

En este curso, junto con los otros fundamentos, puede profundizar aún más en los colores. Haga clic en el enlace de abajo y descubra nuestro curso.

⭐️Curso de Fundamentos del Diseño Visual⭐️
Más información ➡ https://www.fundamentosdodesign.com.br

Curso de conceptos básicos de diseño visual >

En este artículo descubrirás:

¿Qué es la teoría del color?

colores de papel pintado de Alessandro Pautasso
Papel pintado a color - por Alessandro Pautasso.

La teoría del color es el estudio de los colores, que va desde la fisiología, es decir, cómo es interpretado por nuestro cerebro, hasta su aplicación y uso en piezas de comunicación visual.

En la teoría de los colores, podemos entender cómo actúa el color en el ser humano y cómo podemos utilizarlo a nuestro favor, manipulando los colores para transmitir un determinado mensaje o transmitir una determinada sensación.

Conocer la teoría de los colores es fundamental para todo artista, diseñador, anunciante y todos los que se ocupan del diseño, el arte y la comunicación visual.

¿Cómo vemos los colores?

En la historia, varios científicos han estudiado los colores. Aristóteles, Plinio, Leonardo da Vinci, Le Blon y Goethe, sin duda uno de los más importantes y que también veremos en esta serie.

“Johann Wofgang von Goethe (1749-1832), quien en su“ Doctrina de los colores ”, de 1810, enfatiza el sentido estético, moral y filosófico, defendiendo las funciones fisiológicas y los efectos psicológicos de los colores. Goethe se opuso al sentido metódico y matemático de la óptica newtoniana, un hecho controvertido para quienes simpatizaban con las obras de Newton, porque era enfáticamente contrario a sus teorías ”.

Pero por ahora hablaremos de la parte física de la cosa, el estudio de Isaac Newton (ese tipo con las “tres leyes”, ¿recuerdas?) En el siglo XVII. Señaló que el prisma fue capaz de dividir un rayo de luz en siete colores: rojo, naranja, amarillo, verde, azul, índigo y violeta. No son por casualidad los colores del arco iris (donde las gotas de color hacen la función del prisma).

24

Los colores son bandas de ondas que son visibles para el ojo humano. Y la longitud de las olas es lo que define los colores, es decir, es lo que los define, el verde, el amarillo, el azul que vemos.

26

Por tanto, el color no existe de forma tangible. El color es una sensación que produce el ojo. Es la impresión que produce en la retina del ojo la luz reflejada / dispersada por los objetos.

Y el físico inglés Thomas Young en el siglo XIX formuló la primera teoría científica sobre la sensibilidad del ojo humano al color (luego estudiada y probada por el alemán Hermann von Helmholtz).

Young y Helmholtz concluyeron que dentro del ojo hay receptores que procesan la luz, "los conos", y que estos se componen de tres tipos de nervios.

22

Estos tres nervios son los responsables de la percepción de una determinada región del espectro de luz, respectivamente, eran rojo, verde y azul y que el resto de colores que vemos en realidad provienen de la suma de estos tres colores “primarios”.

Ah, David, ¿por qué veo rojo en el Volkswagen Beetle de mi vecino?

Sencillo, el color que vemos es el color que refleja el objeto (en este caso el Beetle).

Toma todos los colores y los absorbe, excepto el rojo, que es el color que nos refleja.

23

Colores primarios, secundarios y terciarios

Dentro de la teoría del color tenemos colores primarios, secundarios y terciarios. Comenzando con los colores primarios, son colores que no se pueden dividir en otros colores y cuando se combinan crean otros. Pueden definirse mediante aditivos y sustractivos.

Color claro - aditivos

Es el color a través de la incidencia del rayo de luz. El objeto emite luz.

Puede ser natural, como el sol, o artificial, como televisores, monitores, cámaras digitales, etc. La suma de los tres colores primarios produce el blanco.

Este sistema es el RGB (rojo, verde y azul) que usamos cuando producimos algo para la web, por ejemplo.

Es el sistema físico / matemático opuesto a CMY.

17

También hay sistemas HSB (HSV), HSL, HSI que utilizan el tono, la saturación y el brillo para la definición del color.

Pigmento de color - sustractivo

Es el color que proviene de la absorción de luz, es decir, el color visible es el que no fue absorbido por el objeto.

Los colores de los pigmentos se pueden dividir en opacos y transparentes:

Opacas - PESCADO:

Es un sistema muy utilizado en artes plásticas, producciones caseras, tejido, etc.

Los colores de los pigmentos primarios son amarillo, azul y rojo (RYB: rojo, amarillo y azul).
La mezcla de los tres colores produce gris mediante síntesis sustractiva.

El sistema RYB requiere la adición de blanco (para aclarar) y negro (para oscurecer).

Este sistema no cuenta con otro sistema equivalente (como en el caso de RGB & CMY), por lo que no es posible hacer una conversión exacta para ningún otro sistema, como mucho una aproximación.

21

Transparentes - CMYK:

Es el sistema que utilizan los impresores, impresores, artes gráficas, etc. Es la versión industrial de CMY que es el sistema físico / matemático opuesto a RGB.

Los colores primarios son magenta, cian y amarillo. Y la mezcla de los tres colores produce gris mediante síntesis sustractiva.

El sistema obvio utilizado es CMYK.

16

La letra "K" al final significa "negro" (negro). La adición de negro se debe al hecho de que aunque la mezcla de colores cian, magenta y amarillo produce un gris muy cercano al negro, sigue siendo inviable en términos de materiales (usado en colores y papeles) e insatisfactorio en términos de calidad en el final.

Secundaria y terciaria

Todos los demás colores que existen provienen de la mezcla de colores primarios.
Cuando combinamos dos colores primarios obtenemos un color secundario, y cuando combinamos un color secundario con uno primario obtenemos un color terciario.

29

Propiedad de color

Los colores tienen tres propiedades: tono, saturación y brillo.

18

Matiz

Es el primer atributo del color. Es el resultado de nuestra percepción de la luz reflejada. Matiz es el nombre del color: rojo, azul, verde, amarillo, etc.

11

Saturación

También conocido como croma, se refiere a la pureza del color. Se define por la cantidad de gris que contiene el color. Luego, ajusta la saturación de un color agregando cantidades de gris, por lo que cuanto más puro es el color, más saturado está.

15

Brillar

También llamado Valor o Luminosidad, se refiere a la claridad, o falta de ella, del color. Un color puede ser más brillante que el otro, por ejemplo, el amarillo es más brillante que el azul. Además, un color puede variar en su propia luminosidad, agregando blanco (más luminosidad) o negro (menos luminosidad).

12

Temperaturas de color

Los colores tienen temperaturas. De hecho, esta pregunta es más subjetiva y tiene mucho más que ver con las vivencias y percepciones de quienes las ven. Sin embargo, podemos definirlos entre fríos y calientes.

10

Colores calientes:

Estos son los colores en los que predominan el rojo y el amarillo. Se les llama calientes porque crean sensación de calor, cercanía y se asocian con el sol, el fuego, etc.

colores fríos:

Estos son los colores en los que predominan el azul y el verde. Se asocian al hielo, al agua y crean sensaciones de calma, frescor y tranquilidad.

El problema de la temperatura también es relativo y depende de la combinación realizada. Por ejemplo: si se aplica amarillo con rojo, su temperatura disminuye, porque el rojo es más intenso, pero si se combina con azul, se vuelve más cálido.

Armonía de colores

Para obtener un aspecto agradable y efectivo, debe combinar los colores de manera armoniosa. No hay ningún dogma al respecto, todo depende del propósito que pretenda lograr. Pero existen combinaciones eficientes que pueden ayudarlo a tomar la decisión correcta.

Para complementar lo cubierto hasta ahora, aquí dejo un video donde explico sobre la teoría del color con más detalle. Verificar:

A continuación, usaremos el Círculo Cromático para visualizar los principales esquemas armónicos.

¿Vamos a ver?

Teoría del color: colores complementarios

El color complementario de un primario es la suma de los otros dos primarios en proporciones iguales, es decir, un color secundario.

Estas son las combinaciones que tienen más contraste: rojo y verde, azul y naranja y amarillo y violeta.

Para encontrarlos, en la rueda de colores, simplemente verifique el color que está en la posición directamente opuesta al color elegido.

01

Colores complementarios divididos

Esta armonía es una variación de lo complementario. Utiliza un color principal y dos colores adyacentes como complemento.

Esta armonía tiene mucho contraste, pero es más “suave” que el complemento directo.

03

colores análogos

Es una combinación de tres colores consecutivos (vecinos) en la rueda de colores.
Suele estar compuesto por un color primario y sus adyacentes. Como los colores tienen la misma base, esta es una composición de bajo contraste.

02

Análogos más un complementario

Utiliza una combinación de tres colores adyacentes más uno complementario. La adición de un color más agrega más contraste a la combinación, rompiendo el ritmo de colores análogos.

09

Análogas relacionadas

Esta armonía consiste en elegir dos colores análogos y saltear el tercer color, hacia la derecha o hacia la izquierda, agregando el siguiente color. Tiene más contraste que el análogo simple.

05

colores intercalados

Esta armonía consiste en elegir tres colores intercalados en los círculos cromáticos. Es un diseño con buen contraste, pero a veces es una composición un poco más difícil de manejar.

07

colores triádicos

Consiste en utilizar tres colores con la misma distancia (equidistante) en el círculo cromático. Es una combinación que tiene un alto contraste con colores ricos.

08

colores tetrádicos

Este esquema de la teoría del color utiliza dos pares de colores complementarios. Es una combinación con mucho contraste y que permite innumerables variaciones.

06

Colores cuadrados (armonía de 90 °)

Es muy similar al esquema tetrádico, pero con colores equidistantes formando un cuadrado dentro de la rueda de colores.

04

Monocromo

Se refiere a la armonía que usa un solo color, cambiando solo el tono del color elegido, es decir, cambiando solo la saturación y brillo del color.

Es una combinación con muy poco contraste, pero puede crear un efecto visual agradable, como el efecto "degradado".

13

Contraste de color

El contraste es un elemento poderoso en el diseño.

El contraste cromático es la relación entre colores que define sus diferencias. Cuando dos colores diferentes entran en contraste, se intensifican las diferencias entre ellos.

Hay numerosas formas de crear contraste, como ya hemos visto en armonía de colores, pero a continuación le mostraré algunas aplicaciones en la práctica de contraste.

color puro

El contraste usando los colores del círculo cromático saturado.
¡HBW, amaryllis de racimo!

Complementario

Es el contraste entre un color y su complementario. Es uno de los contrastes más fuertes que podemos obtener.
Cosmos en rosa

luz y oscuridad

Este contraste aprovecha el brillo, el blanco, el negro y la gama de grises.
Ocurre cuando coloca un color claro junto a un color oscuro.
Ciudad invertida

Caliente y fría

Se refiere al contraste de colores cálidos con colores fríos y viceversa.
Curvas con colores

Saturación

Solo se utilizó un color. Este contraste utiliza la intensidad, el tono y la luminosidad del color.
Resumen (ondas de pastel)

Conclusión

El uso correcto de los colores permite, además de algo agradable a la vista, una eficacia a la hora de transmitir el mensaje que queremos transmitir. Entonces, necesitamos conocer la teoría del color y cómo funciona. Independientemente de si es diseñador o no, si trabaja con la comunicación visual, debe comprender la teoría del color. Es algo imprescindible.

Pero no se obsesione con las recetas de pasteles. Galuchos, usa tu creatividad y tu sentido crítico para crear cosas asombrosas con colores.

Echa un vistazo al segundo artículo de la serie donde hablaremos sobre la psicología del color de una manera diferente a la que encuentras en la red.

Conozca el significado de los colores →
https://www.chiefofdesign.com.br/significado-das-cores/

Consultar accesibilidad y colores →
https://www.chiefofdesign.com.br/cores-e-acessibilidade/

Vea cómo crear una paleta de colores efectiva →
https://www.chiefofdesign.com.br/paleta-de-cores

Echa un vistazo a la psicología del color →
https://www.chiefofdesign.com.br/psicologia-das-cores/

Así que estad atentos al blog para seguir esta serie de artículos sobre el color.

Y si te ha gustado deja tu comentario a continuación y si te ha gustado mucho comenta y compártelo con tus amigos. 🙂

Hasta luego.

Fuerte abrazo.

Referencias

http://www.belasartes.br/revistabelasartes/downloads/artigos/3/cor-luz-cor-pigmento-e-os-sistemas-rgb-e-cmy.pdf

http://www2.ic.uff.br/~aconci/curso/percep~1.htm

http://www.auladearte.com.br/

http://www.colormatters.com/

http://pt.wikipedia.org/wiki/Cor

Imagen de la anatomía del ojo:http://cbernardo-cordigital.blogspot.com.br/

Imagen del disco Pink Floy:http://almanaquedossentidos.files.wordpress.com/

Ejemplos de imágenes de contraste:https://www.flickr.com/photos/[email protected]/

David Arty

Hola soy David Arty, fundador desde el blog Chief of Design.
Soy de São Paulo, Brasil. Trabajo con diseño, principalmente con diseño web, desde 2009. Intento transformar ideas locas y complejas en piezas simples, atractivas y funcionales.