Pós-Graduação - Especialização em Design de Interiores

Teoria das cores e composição

Aula 2

Prof. Me. Guilherme Gasques Rodrigues

DIMENSÕES DA COR

MATIZ É basicamente a cor, associada ao comprimento de onda.

BRILHO É o valor de uma cor, com adição de branco ou preto,

pode clarear ou escurecer a cor.
SATURAÇÃO Os matizes puros, incluindo os primários, são
completamente saturados. As cores não saturadas são
mais acizentadas.
BRILHO
SATURAÇÃO
CIRCULOS CROMÁTICOS

O Círculo de Pigmento

• Círculo típico de pigmentos, usa

as cores Vermelho/Amarelo/Azul
como primárias.

• Totaliza 12 matizes: Primárias,

Secundárias e Terciárias.

• Só aparecem matizes puras.

CIRCULOS CROMÁTICOS

O Círculo do Artista

• Trabalha com 4 cores primárias:

Vermelho/Amarelo/Azul/Verde
como primárias.

• O total de matizes e os pares

complementares não variam
muito do círculo pigmento.

• Só aparecem matizes puras.

CIRCULOS CROMÁTICOS

O Círculo de Processo

• Trabalha com: Ciano, Magenta e

Amarelo como cores primárias.

• Este possibilita um espectro

completo de cores.

• Círculo usado em impressões

para atingir cor real.

• Só aparecem matizes puras.

CIRCULOS CROMÁTICOS

O Círculo de Luz

• Inclui as cores Amarelo, Magenta

e Ciano, mas como secundárias.

• Mantém como cores primárias as

cores percebidas pelo olho
humano: Vermelho, Verde e Azul.

• Usado por projetistas de LUZ.

• Só aparecem matizes puras.

ESTRELA CROMÁTICA DE ITTEN

Estrela cromática

• Mostra além das cores puras.

Explora os diferentes tons de
cada matiz.
ITTEN (BAUHAUS) –
A teoria dos 7 contrastes cromáticos

Quais são eles?

1. CORES PURAS;

2. CLARO-ESCURO (mesma matiz/matiz diferente);

3. QUENTE-FRIO;

4. COMPLEMENTAR;

5. SIMULTÂNEO;

6. SATURAÇÃO;

7. QUANTIDADE / EXTENSÃO.
CONTRASTE - CORES PURAS – ITTEN (BAUHAUS)
CONTRASTE CLARO-ESCURO – ITTEN (BAUHAUS)
CONTRASTE QUENTE FRIO – ITTEN (BAUHAUS)
CONTRASTE - COMPLEMENTARES – ITTEN (BAUHAUS)
CONTRASTE SIMULTÂNEO – ITTEN (BAUHAUS)
IMAGEM RESIDUAL!
Nosso sistema visual parece esperar o complemento da cor que vemos.
CONTRASTE mudança de cor– ITTENS / ALBERS

A cor pigmento não é necessariamente a cor percebida pelo olho.

Os contrastes afetam nossa percepção de imagens.
CONTRASTE mudança de cor– ITTENS / ALBERS
CONTRASTE mudança de cor– ITTENS / ALBERS
CONTRASTE mudança de cor– ITTENS / ALBERS
CONTRASTE mudança de cor– ITTENS / ALBERS
CONTRASTE mudança de cor– ITTENS / ALBERS
 CONTRASTE SIMULTÂNEO FORTE

COMPLEMENTARES RGB
1 2 3 4 5 6 7 8 9 10 11 12

1 2 3 4 5 6 7 8 9 10 11 12 NÃO COMPLEMENTARES
CONTRASTE - SATURAÇAO – ITTEN (BAUHAUS)
CONTRASTE - EXTENSAO – ITTEN (BAUHAUS)
CONTRASTE mudança de cor–ALBERS
HARMONIA DAS CORES

Esquema Monocromático

• Tonalidades e tintas de uma só

cor, saturação variável e brilho em
lugar de matiz.
HARMONIA DAS CORES

Esquema Análogo

• Duas ou mais cores lado a lado

no círculo cromático.
HARMONIA DAS CORES

Esquema Complementar

• Duas cores em lados opostos no

círculo cromático.
HARMONIA DAS CORES

Esquema Triádico

• Três cores espaçadas uniformemente

em torno do círculo cromático.
HARMONIA DAS CORES

Relação de complementos
divididos
• Um matiz acompanhado por dois, a
igual distância de seu complemento.
HARMONIA DAS CORES

Relação Complementar Dupla

• Dois pares complementares em lados

opostos do círculo cromático.
HARMONIA DAS CORES

Esquema de cores que atinge

O que é? equilíbrio total ou neutralidade
do olho / cérebro.

Quando cores de uma

Como? composição resultam em cinza,
consegue-se harmonia.

As cores não precisam ser neutras, e quando

berrantes a tríade de cores secundárias ou
terciárias são mais fáceis de manusear.

A harmonia para ITTEN deve buscar a satisfação do olho humano, o

que implica balanço, simetria de forças.
 ESCALA DE FORÇAS RELATIVAS

3 Para atingir HARMONIA (igualar a

6 4 força visual) é preciso considerar:

• Saturação
6 • Brilho
8 • Área de cobertura

Goethe estabelece uma espécie de proporção áurea

para as cores: se uma cor é naturalmente mais
luminosa (ex. amarelo) ao combinar-se com um tom
de natureza mais escura, a proporção entre ambas
deve ser tal que a área ocupada pela cor mais
luminosa seja menor.
ESCALA DE FORÇAS RELATIVAS - Goethe

ESCALA DE GOETHE
Sites - referências
http://www.xrite.com/online-color-test-challenge
Este é o teste de percepção de cores

http://colrd.com/create/palette/
Este dá para criar uma paleta, é bem simples de usar.

http://colorschemedesigner.com/#
Este cria paletas também, mas já tem alguns recursos como composições trifásicas,
complementares, etc. - cria todas as composições harmônicas.

https://color.adobe.com/pt/create/color-wheel/
Este é o da Adobe, similar ao anterior - cria todas as composições harmônicas.

http://www.degraeve.com/color-palette/
Aqui dá para escolher uma imagem qualquer (tem que escolher a imagem em outro
site, clicar com o botão direito e selecionar "Copiar endereço da imagem" e colar neste
site), e ele cria uma paleta de cores baseado na imagem. Dá para usar pinturas
famosas, paisagens, etc.

http://www.pantone.com.br/

http://karimrashid.com/
Referências
ARNHEIM, Rudolf. Arte e percepção visual: uma psicologia da visão criadora. São Paulo:
Nova Versão. Livraria Pioneira Editora, 1989.
BANKS, Adam; FRASER, Tom. O essencial da cor no design. São Paulo: Editora Senac,
2012.
DORFLES, Gillo. O Devir Das Artes. São Paulo: Martins Fontes, 1992.
FARINA, Modesto. Psicodinâmica das cores em comunicação. São Paulo: Edgar Blucher,
1987.
GOETHE, J.W. Doutrina das cores. Tradução, apresentação e seleção, Marcus Giannotti. São
Paulo: Nova Alexandria, 1993.
PEDROSA, Israel. Da cor à cor inexistente. Rio de Janeiro: Léo Christiano Editora, 1995.
TISKI-FRANCKOWIAK, Irene. Homem, Comunicação e Cor. São Paulo: Cone Editora, 1991.
• https://www.archdaily.com.br/br/896697/apartamento-da-unite-dhabitation-de-
le-corbusier-e-restaurado-em-seu-desenho-original
• https://www.archdaily.com.br/br/886453/varanda-bar-hira-izakaya-zoom-
urbanismo-arquitetura-e-design
• https://www.archdaily.com.br/br/875407/apartamento-itaim-bibi-diptico-design-
de-interiores?ad_medium=gallery
• https://www.archdaily.com.br/br/01-138496/2day-languages-slash-masquespacio
• https://www.dezeen.com/2012/12/10/annvil-office-alberta-street-by-anna-
butele/
• https://www.dezeen.com/2014/01/24/99c-offices-by-inhouse-brand-architects-
features-waiting-room-inside-shipping-container/
• https://www.dezeen.com/2014/07/22/beats-by-dre-colourful-headquarters-los-
angeles-bestor-architecture/
• https://www.dezeen.com/tag/bangkok/
• https://www.archdaily.com.br/br/896945/casa-do-futuro-contemporaneo-studio-
in2