Unidad I:

Servicio del Diseño Gráfico

Teoría del color
 Unidad I: Servicio del Diseño Gráfico
Módulo: Técnicas del servicio de Diseño Gráfico 2

Contenido
1. Teoría del color...............................................................................................3
a. Matiz..........................................................................................................3
b. Saturación...............................................................................................3
c. Luminosidad...........................................................................................3
d. Intensidad................................................................................................3
2. Círculo cromático..........................................................................................3
a. Primarios..................................................................................................4
b. Secundarios............................................................................................4
c. Terciarios..................................................................................................4
d. Cuaternarios: .........................................................................................4
3. División de colores.......................................................................................4
a. Colores cálidos......................................................................................4
b. Colores fríos...........................................................................................5
c. Colores claros........................................................................................5
d. Colores oscuros....................................................................................5
e. Colores brillantes..................................................................................5
4. Combinación de colores.............................................................................5
a. Combinación Monocromática...........................................................6
b. Combinación Complementaria........................................................6
c. Combinación de colores tríadicos..................................................7
d. Combinación colores tétradas.........................................................7
e. Combinación colores análogos.......................................................7

Departamento de Tecnología Educativa

campus.inatec.edu.ni
 Unidad I: Servicio del Diseño Gráfico
3 Módulo: Técnicas del servicio de Diseño Gráfico

1. Teoría del color

E
n el diseño, el color es muy subjetivo. Lo que produce una reac- d. Intensidad.
ción en una persona puede provocar una muy distinta en otra. A Cuando se parte de un color saturado (puro) se agrega progresiva-
veces esto se debe a las preferencias personales, otras debido a mente negro para producir escalas bajas, o blanco para producir esca-
factores culturales. las altas. Así estamos modificando su intensidad.

La teoría del color es una ciencia en sí misma. El color es un 2. Círculo cromático

atributo que percibimos cuando hay luz. Todo el mundo que nos
rodea es de colores siempre y cuando haya luz.
Propiedades del color:
a. Matiz.
Es un atributo del color que nos permite diferenciar un color de
otro.
Se estima que el ojo humano puede distinguir alrededor de 10
millones de colores. Estas dimensiones son la saturación, la brillantez
y el tono. El resultado de todo este cocktail son tantas combinaciones
que el número total de colores que nuestro cerebro puede procesar
es infinito.
 

b. Saturación.
Representa el grado de pureza de un color, es decir no contie-
ne en su mezcla nada decolores neutros (blanco y negro) o sus com-
plementarios. Cuanto más intenso, más puro y vivido es un color.

c. Luminosidad.
Es la cantidad de luz que tiene cada color, aspecto que nos per-
mite diferenciar a un color claro de un oscuro. Ejemplo: verde claro de
un azul intenso.

Departamento de Tecnología Educativa

campus.inatec.edu.ni
 Unidad I: Servicio del Diseño Gráfico
Módulo: Técnicas del servicio de Diseño Gráfico 4

Colores Ejemplos: Amarillo Rojo Naranja

El color en el diseño es el medio más valioso para que una pie- Amarillo + Rojo = Naranja
Amarillo + Verde = Verde claro Amarillo Verde Verde claro
za gráfica transmita las mismas
Verde
sensaciones que el diseñador Cían+ Verde = Verde esmeralda Cian Verde esmeralda
experimentó frente a la escena Cían + Azul = Azul ultramar Cian Azul
Azul
Una vez que se tiene el conoci- Magenta + Azul = Violeta
ultramar
o encargo original; usando el co-
lor con buen conocimiento de su
miento del color, sus propiedades, Magenta + Rojo = Carmín Magenta Azul Violeta
naturaleza y efectos, y de mane-
interacción y significados, es necesa- Magenta Rojo Carmín
ra adecuada, será posible expre- rio aprender a aplicarlo en las piezas d. Cuaternarios:
sar lo alegre o triste, lo luminoso gráficas, para conseguir los resulta- Son similares al terciario, pero con la diferencia es que están
o sombrío, lo tranquilo o lo exal- dos deseados.” aún más mezclados, pues aquí también se mezclan colores terciarios
tado, entre otras muchas cosas. con otros colores o entre sí. Si por ejemplo mezclamos el color violeta
con el color amarillo anaranjado tendremos un verde oliva. La gama de
a. Primarios estos colores es prácticamente infinita, por lo tanto tendremos millo-
Se le conoce con este nombre al Cian, Magenta y Amarillo por- nes de ejemplos.
que no es posible obtenerlos con ninguna mezcla son colores puros
con los cuales pueden procesar toda una gama de colores. Se consi- 3. División de colores
dera primario al color que no se puede obtener mediante la mezcla de a. Colores cálidos.
ningún otro. El ardiente remite al rojo de máxima saturación en el círculo cro-
Cian Magenta Amarillo
mático; es el rojo en su estado más intenso. Los colores ardientes se
proyectan hacia fuera y atraen la atención. Por esta razón, a menudo
b. Secundarios se usa el rojo en letreros y el diseño gráfico. Los colores ardientes son
Estos colores se obtienen con la mezcla de dos colores prima- fuertes y agresivos, y parecen vibrar dentro de su espacio propio. El
rios en cantidades iguales. poder de los colores ardientes afecta a la gente de muchas maneras,
Ejemplos: Cian Verde tales como el aumento de la presión sanguínea y la estimulación del
Amarillo
Amarillo + Cian = Verde. sistema nervioso.
Amarillo + Magenta = Rojo Amarillo Magenta Rojo
Magenta + Cian = Azul
Magenta Cian Azul
c. Terciarios
Para obtener los colores terciarios, procedemos a mezclar un
color primario con un color secundario adyacente en el círculo cromá-
tico.

Departamento de Tecnología Educativa

campus.inatec.edu.ni
 Unidad I: Servicio del Diseño Gráfico
5 Módulo: Técnicas del servicio de Diseño Gráfico

b. Colores fríos. e. Colores brillantes.

El frío remite al azul en su máxima saturación. En su estado más La claridad de los colores brillantes se logra por la omisión del
brillante es dominante y fuerte. Los colores fríos nos recuerdan el hielo gris o el negro. Los colores azules, rojos, amarillos y naranjas son co-
y la nieve. Los sentimientos generados por los colores fríos azul, verde lores de brillo pleno. Los colores brillantes son vívidos y atraen la aten-
y verde azulado son opuestos a los generados por los colores ardien- ción. Un bus escolar amarillo, un racimo de globos de colores, el rojo
tes; el azul frío aminora el metabolismo y aumenta nuestra sensación de la nariz de un payaso nunca pasan inadvertidos. Estimulantes y ale-
de calma. gres, los colores brillantes son colores
perfectos para ser utilizados en enva-
ses, moda y publicidad.
 
4. Combinación de colores.
A la hora de escoger una gama de color para nuestros diseños,
no existe una verdad absoluta para tomar la correcta; al igual que no
la hay para equivocarte de manera total en la elección (bueno, esto
c. Colores claros.
quizá sí que ocurra) Tenemos que escoger la gama de colores que
Los colores claros son los pasteles más pálidos. Toman su cla-
más se adecue a lo que nosotros queremos que reflejar. Y queremos
ridad de una ausencia de color visible en su compo-
reflejar una cosa concreta, dependiendo de para quien sea el diseño.
sición, son casi transparentes. Cuando la claridad
Ya lo decíamos “la inspiración tiene que encontrarte trabajando”, así
aumenta, las variaciones entre los distintos tonos
que comencemos por el principio.
disminuyen. Los colores claros descubren los alre-
dedores y sugieren liviandad, descanso, suavidad
y fluidez. Se parecen a las cortinas transparentes
Combinaciones de Colores con ayuda del Círculo Cromático
de una ventana, y envían un mensaje de distensión.
Son el color marfil, rosa, celeste, beige...
Armonías de color
Como decimos, es fácil combinar colores a través de lo que re-
d. Colores oscuros.
presentan. Sabemos los sentimientos que representan, no es lo mismo
Los colores oscuros son tonos que contienen negro en su
usar el rojo que el azul, y la combinación entre ellos, es muy distinta
composición. Encierran el espacio y lo hacen parecer
que si usamos verde y amarillo. Si queremos hablar de calidez, pero
más pequeño. Los colores oscuros son concentra-
desde una nueva perspectiva, podemos combinar el naranja con el
dos y serios en su efecto. En cuanto a las esta-
marrón, pero si lo que buscamos es llamar la atención, nos vendrá me-
ciones, sugieren el otoño y el invierno. Combinar
jor la combinación del naranja con el violeta. Como hemos repetido en
juntos los claros y los oscuros es una manera co-
varias ocasiones, hay que conocer cada uno de los colores para poder
mún y dramática de representar los opuestos de
combinarlos entre sí.
la naturaleza, tales como el día y la noche.

Departamento de Tecnología Educativa

campus.inatec.edu.ni
 Unidad I: Servicio del Diseño Gráfico
Módulo: Técnicas del servicio de Diseño Gráfico 6

Pero hay determinadas ocasiones en las que a veces nos cues- Combinación de colores
ta trabajo jugar con los colores a través de lo que representan. No a. Combinación Monocromática.
tenemos claro de si esa combinación de colores es buena para lo que Usamos una gama de color en la que solo se incluyen distintas
buscamos. tonalidades del color principal. Al usar un solo color, es un buen recur-
so cuando queremos expresar un sentimiento concreto.
Hay una herramienta que hace la combinación de colores mu-
cho mas fácil: “el circulo cromático”. En el podemos ver repre-
sentado cada uno de los colores por lo que puede ser una
guía útil para trazar las principales combinaciones entre ellos.

Podemos combinar los colores como deseemos, pero las armo-

nías de colores nos pueden ayudar a que esto sea más fácil. Cuando
hablamos de armonías, recordemos que son combinaciones genera-
les de colores, a través de las cuales podemos ir jugando a su vez con b. Combinación Complementaria.
distintos colores. Perfecta para cuando queremos expresar contraste, pues usa
el color principal y su opuesto. Ideal para llamar la atención.

Dependiendo del efecto que queramos crear, nos tendremos que de-
cantar por una de ellas. No es lo mismo, si quiero crear contraste o si
lo que busco es suavidad.

Departamento de Tecnología Educativa

campus.inatec.edu.ni
 Unidad I: Servicio del Diseño Gráfico
7 Módulo: Técnicas del servicio de Diseño Gráfico

c. Combinación de colores tríadicos.

Se compone por tres colores repartidos uniformemente en el
círculo cromático. Imprimen fuerza por el contraste pero también armo-
nía al introducir un tercer color.

e. Combinación colores análogos.

Usa dos o tres familias, colocadas una al lado de otras dentro
del círculo cromático. Es un esquema de color que encontramos en la
naturaleza lo que lo hace cómodo y calmado.

d. Combinación colores tétradas. Crea más contraste que la gama monocromática, pero clara-
Es conocida como la doble complementaria al usar cuatro co- mente no tanto como la complementaria. Cuando se usa esta gama, lo
lores, complementarios dos a dos. Esto da lugar a combinaciones muy mejor es tomar un colore predominante, un color de apoyo de la gama
vibrantes y con mucho contraste e intensidad. del primero y un tercer color para complementarlo y crear contraste.

Es una combinación muy armónica, pero hay que tener cuidado

pues está usando muchos colores. su uso es también más complicado
que el resto.

Departamento de Tecnología Educativa

campus.inatec.edu.ni
 Unidad I: Servicio del Diseño Gráfico
Módulo: Técnicas del servicio de Diseño Gráfico 8

Cómo combinar colores con el Círculo Cromático.

Combinaciones a partir del color Naranja

Una vez tengamos los colores desde los que queremos comen-
zar, los colores puros, podemos ir cambiándoles contraste, intensidad…
hasta llegar al tono de color que más se adecue a lo que estamos bus-
cando.

Si tenemos claro que queremos hacer una triada de colores

análogos y que estos serán, verde, amarillo verdoso y azul, sabemos
que hay muchas combinaciones posibles con estos tonos.

Por lo que con la elección de una triada se nos abre una abani-
co de posibilidades. Y ahí es donde debemos escoger el que mejor se
adecua a nuestro proyecto.
 

Departamento de Tecnología Educativa

campus.inatec.edu.ni
 Unidad I: Servicio del Diseño Gráfico
9 Módulo: Técnicas del servicio de Diseño Gráfico

Combinaciones a partir del color Violeta

Departamento de Tecnología Educativa

campus.inatec.edu.ni
 Unidad I: Servicio del Diseño Gráfico
Módulo: Técnicas del servicio de Diseño Gráfico 10

Departamento de Tecnología Educativa

campus.inatec.edu.ni