10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

    

Teoria das Cores – Guia sobre teoria e harmonia das

cores no Design
Saiba como as cores funcionam e aprenda a usar a teoria das cores e todo o seu poder a seu favor

David Arty

Eae! Td bele?

Hoje falaremos sobre as cores, ou melhor, sobre a teoria das cores.

A cor está em tudo. Usamos a cor diariamente para várias coisas: para escolher os alimen‐
tos, a roupa, o tênis, o carro, a decoração…

Sempre nos pegamos pensando em “qual combinação” ficará melhor, quais cores agradará
mais, quais cores evitar…

Por isso a cor vem sendo aplicada intencionalmente ao longo do tempo em todo os meios:
na televisão, no cinema, na publicidade, nas revistas, nos livros, na internet, na arquitetura,
na arte, etc. E nós podemos utilizar de tal tática ao estudarmos a teoria das cores.

Se você trabalha, ou pretende trabalhar, em áreas ligadas à criação e/ou comunicação,

você precisa (isso é requisito mínimo e imprescindível, Galucho) conhecer sobre as cores:
saber como funcionam, o que podem representar e como usá-las da melhor maneira.

Então, começarei aqui uma série de artigos, uma quadriologia na verdade, sobre as
cores.

Primeiro eu irei falar sobre a teoria das cores. Depois meu amigo ED Franscisco virá para
falar sobre como usar as cores na comunicação. E por fim eu volto para te ajudar a  esco‐
lher uma paleta de cores eficiente para seus projetos. OK? Então vamos começar .
“Let’s Go!”
Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 1/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Mas antes de prosseguir com o artigo, eu quero aproveitar a oportunidade, já que estamos
falando sobre Cores, para te avisar que estamos com inscrições abertas para o nosso cur‐
so de Fundamentos do Design Visual. O curso Fundamentos do Design Visual é focado nos
fundamentos, conceitos e princípios do Design Visual.

Neste curso, juntamente com os outros fundamentos, você poderá se aprofundar ainda
mais sobre Cores. Clique no link abaixo e conheça o nosso curso.

⭐ 
Curso Fundamentos do Design Visual⭐  
Saiba mais ➡ https://www.fundamentosdodesign.com.br

>

Neste artigo você  vai descobrir:

O que é teoria das cores?

Como vemos as cores?

Teoria das cores – O que são cores primárias, secundárias e terciárias

Quais as propriedade da cor

Quais as temperaturas da cor

Como funciona a hamornia das cores

O que é contraste cromático 

O que é teoria das cores?

Wallpaper de cores – by Alessandro Pautasso.

Teoria das cores é o estudo sobre as cores, que vai desde a da fisiologia, ou seja, como ela
é interpretada pelo nosso cérebro até a aplicação e utilização em peças de comunicação
visual.
Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 2/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Na teoria das cores podemos entender como a cor age no ser humano e como podemos
utilizar isso a nosso favor, manipulando as cores para passar uma determinada mensagem
ou transmitir determinada sensação.

Conhecer a teoria das cores é algo imprescindível para todo artista, designer, publicitário e
todos que lidam com design, arte e comunicação visual.

Como vemos as cores?

Na história vários cientistas estudaram as cores. Aristóteles, Plínio, Leonardo da Vinci, Le
Blon e Goethe, com certeza um dos mais importantes e que veremos também nessa série.

“Johann Wofgang von Goethe (1749-1832), que em sua “Doutrina das Cores”, de
1810, ressalta o sentido estético, moral e filosófico, defendendo as funções fisiológi‐
cas e os efeitos psicológicos das cores. Goethe opunha-se ao sentido metódico e ma‐
temático da óptica newtoniana, fato polêmico com os simpatizantes dos trabalhos de
Newton, porque foi enfaticamente contrário às teorias dele.”

Mas, por enquanto falaremos da parte física da coisa, o estudo do Isaac Newton (aquele
cara das “três leis”, lembra?) no século XVII. Ele observou que o prisma era capaz de divi‐
dir um feixe de luz em sete cores: vermelho, laranja, amarelo, verde, azul, anil e violeta. Não
por acaso as cores do arco íris (onde as gotículas de cor fazem a função do prisma).

As cores são faixas de ondas que são possíveis de serem vistas pelo olho humano. E o
comprimento das ondas é o que define as cores, ou seja, é o que a define, o verde, o ama‐
relo, o azul que enxergamos.

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 3/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Logo a cor não existe de forma tangível. Cor é  uma sensação produzida pelo olho. É a im‐
pressão produzida na retina do olho pela luz refletida/difundida pelos objetos.

E o físico inglês Thomas Young no século XIX formulou a primeira teoria científica para a
sensibilidade do olho humano às cores (mais tarde estudada e comprovada pelo alemão
Hermann von Helmholtz).

Young e Helmholtz, chegaram a conclusão que dentro do olho existem receptores que pro‐
cessam a luz, “os cones”, e que estes são compostos por três tipos de nervos.

Esses três nervos são responsáveis pela percepção de uma certa região do espectro lumi‐
noso, respectivamente, eram o vermelho, o verde e o azul e que o restante das cores que
vemos na verdade são provenientes da soma dessas três cores “primárias”.

Ah David, então porque eu vejo o vermelho no fusca do meu vizinho?

Simples, a cor que vemos é a cor que o objeto (no caso o fusca) reflete.

Ele recebe todas as cores e as absorve, exceto o vermelho, que é a cor ele reflete para nós.
Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 4/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Cores Primárias, Secundárias e Terciárias

Dentro da teoria das cores temos as cores primárias, secundárias e terciárias. Começando
pelas cores primárias, são cores que não podem ser decompostas em outras cores e quan‐
do combinadas criam outras. Elas podem ser definidas por aditivas e subtrativas.

Cor Luz – aditivas

É a cor através da incidência de raio de luz. A luz é emitida pelo objeto.

Pode ser natural, como o sol, ou artificial como TVs, monitores, câmeras digitais, etc.
A soma das três cores primárias produz o branco.

Este sistema é o RGB (red, green and blue) que usamos quando produzimos algo para a
web, por exemplo.

É o sistema oposto físico/matemático ao CMY.

Também existem os sistemas HSB (HSV), HSL, HSI que usam a matiz, a saturação e o bri‐
lho para a definição de cores.

Cor Pigmento- subtrativas

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 5/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

É a cor proveniente da absorção de luz, ou seja, a cor visível é aquela que não foi absorvida
pelo objeto.

As cores pigmento podem ser divididas em opacas e transparentes:

Opacas – RYB:

É um sistema bastante usado nas artes plásticas, fabricações caseiras, tecelagem e etc.

As cores primárias pigmentos são o amarelo, o azul e o vermelho ( RYB – red, yellow and
blue).
A mistura das três cores produz o cinza através da síntese subtrativa.

O sistema RYB necessita da adição da cor branca (para clarear) e do do preto (para
escurecer).

Este sistema não possui outro sistema equivalente (como acontece do caso do RGB

& CMY),  por isso não é possível fazer uma conversão exata para nenhum outro sistema, no
máximo uma aproximação.

Transparentes – CMYK:

É o sistema usado por impressoras, gráficas, artes gráficas, etc. É a versão industrial do

CMY que é o sistema oposto físico/matemático ao RGB.

As cores primárias são magenta, cyan e amarelo. E a mistura das três cores produz o cinza
através da síntese subtrativa.

O sistema, óbvio, utilizado é o CMYK.

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 6/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

A letra “K” no final significa “black” (preto). A adição do preto se deve ao fato que embora a
mistura das cores ciano, magenta e amarelo, produzam um cinza bem próximo ao preto,
ele ainda assim é inviável em questões de materiais (gasto com cores e papéis) e insatisfa‐
tório em questões de qualidade no acabamento.

Secundária e terciárias

Todas as outras cores que existem são provenientes da mistura das cores primárias.
Quando combinamos duas cores primárias, conseguimos uma cor secundária, e ao combi‐
narmos uma cor secundária com uma primária adquirimos uma cor terciária.

Propriedade da cor
As cores possuem três propriedades: matiz, saturação e brilho.

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 7/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Matiz

É o primeiro atributo da cor. É o resultado da nossa percepção da luz refletida. Matiz é
nome da cor: vermelho, azul, verde, amarelo, etc.

Saturação

Também conhecido como croma, refere-se a pureza da cor. É definida pela quantidade de
cinza que a cor contém. Então, ajusta-se a saturação de uma cor adicionando-se quantida‐
des de cinza, por isso quanto mais pura for a cor, mais saturada ela é.

Brilho

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 8/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Também chamado de Valor ou Luminosidade, diz respeito a claridade, ou a falta dela, da

cor. Uma cor pode ser mais luminosa que a outra, por exemplo, o amarelo é mais luminoso
que o azul. E também uma cor pode ter variação na sua própria luminosidade, adicionando
branco (mais luminosidade) ou preto (menos luminosidade).

Temperaturas das cores

As cores tem temperaturas. Na verdade essa questão é mais subjetiva e tem muito mais a
ver com a experiências e percepções de quem as vê. Entretanto, podemos defini-las entre
quentes e frias.

Cores quentes:

São as cores em que o vermelho e o amarelo predominam. São chamadas de quentes por‐
que criam uma sensação de calor, proximidade e estão associadas ao sol, ao fogo, etc.

Cores frias:

São as cores em que o azul e o verde predominam. Estão associadas ao gelo, a água, e cri‐
am sensações calmas, de frescor e de tranquilidade.

A questão da temperatura também é relativa e depende da combinação feita. Por

exemplo: se o amarelo é aplicado com o vermelho sua temperatura diminui, porque o ver‐
melho é mais intenso, mas se for combinado com o azul ele torna-se mais quente.

Harmonia das cores

Para obter um visual agradável, efetivo, precisa-se combinar as cores de uma forma har‐
moniosa. Não existe dogmas sobre isso, tudo depende da finalidade que você pretende
atingir. Mas existem combinações eficientes que podem te ajudar na escolha certa. Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 9/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Para complementar o que foi abordo até agora, deixarei aqui um vídeo onde explico sobre
a teoria das cores com mais detalhes. Confira:

A seguir usaremos o Círculo Cromático para visualizarmos os principais esquemas

harmônicos.

Vamos conferir?

Teoria das cores – Cores Complementares

A cor complementar de uma primária é a soma das duas outras primárias em proporções
iguais, ou seja, uma cor secundária.

São as combinações que tem mais contraste: vermelho e verde, azul e laranja e amarelo e
violeta.

Para encontrá-las, no círculo cromático, é só verificar aquela a cor que está na posição di‐
retamente oposta a cor escolhida.

Cores Complementares divididas

Essa harmonia é variação da complementar. Ela usa uma cor principal e duas cores adja‐
centes como complementar.

Essa harmonia tem bastante contraste, mas ele é mais “suave” do que a complementar
direta.
Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 10/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Cores análogas

É uma combinação com três cores consecutivas ( vizinhas) no círculo de cores.

Normalmente é composta por uma cor primária e suas adjacentes. Como as cores tem a
mesma base, essa é uma composição de pouco contraste.

Análogas mais uma Complementar

Usa combinação de três cores adjacentes mais uma complementar. A inclusão de mais
uma cor dá mais contraste a combinação, quebrando o ritmo das cores análogas.

Análogas relacionadas

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 11/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Essa harmonia consiste em escolher duas cores análogas e pular a terceira cor, para a di‐
reita ou esquerda, adicionando a cor seguinte. Possui mais contraste que a análoga
simples.

Cores intercaladas

Essa harmonia consiste em escolher três cores intercaladas no círculos cromático. É um

esquema com bom contraste, mas é uma composição por vezes um pouco mais difícil de
se lidar.

Cores triádicas

Consiste na utilização de três cores com a mesma distância (equidistante) no círculo cro‐
mático. É uma combinação que possui um alto contraste com riqueza de cores.

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 12/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Cores tetrádicas

Esse esquema de teoria das cores usa dois pares de cores complementares. É uma combi‐
nação com bastante contraste e que possibilita inúmeras variações.

Cores em quadrado (harmonia 90°)

É bem semelhante ao esquema tetrádico, mas com cores equidistantes formando um qua‐
drado dentro do círculo cromático.

Monocromia

Se refere a harmonia que utiliza somente uma cor, alterando apenas a tonalidade da cor es‐
colhida, ou seja, mudando apenas a saturação e o brilho da cor.

É uma combinação com pouquíssimo contraste, mas pode criar um efeito visual agradável,
como por exemplo, o efeito “degradê”.

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 13/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

O Contraste da cor
O contraste é um poderoso elemento no design.

Contraste cromático é a relação entre as cores que define as suas diferenças. Quando duas
cores diferentes entram em contraste, este intensifica as diferenças entre ambas.

Existem inúmeras formas de se criar contraste, como já vimos na harmonia das cores, mas
a seguir mostrarei algumas aplicações na prática de contraste.

Cor pura

O contraste que usa as cores saturadas círculo cromático.

Complementares

Trata-se do contraste entre uma cor e sua complementar. É um dos mais fortes contrastes
que podemos obter.

Claro e Escuro
Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 14/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Este contraste explora a luminosidade, o branco, o preto e a gama de cinza.

Ocorre quando coloca-se uma cor clara próxima a uma cor escura.

Quente e Frio

Refere-se as ao contraste das cores quentes com as cores frias e vice e versa.

Saturação

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 15/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

Utilzia-se apenas um cor. Esse contraste usa a intensidade, o tom e a luminosidade da cor.

Conclusão
A utilização correta das cores possibilita além de algo agradável aos olhos uma eficiência
na hora de transmitir a mensagem que queremos passar. Por isso precisamos conhecer a
teoria das cores e saber como ela funciona. Idenpdente se você é designer ou não, se tra‐
balha com comunicação visual precisa entender sobre a teoria das cores. É algum
imprescindível.

Mas não se prenda a nenhuma receita de bolo. Galuchos, use sua criatividade e o seu
senso crítico para criar coisas incríveis com as cores.

Confira o segundo artigo da série onde falaremos sobre a psicologia da cores de uma for‐
ma diferente do que você encontra por aí pela net.

Confira sobre significado das cores→

https://www.chiefofdesign.com.br/significado-das-cores/

Confira acessibilidade e cores →

https://www.chiefofdesign.com.br/cores-e-acessibilidade/

Confira como criar uma paleta de cores eficaz→

https://www.chiefofdesign.com.br/paleta-de-cores

Confira sobre a psicologia das cores →

https://www.chiefofdesign.com.br/psicologia-das-cores/

Então fique ligado no blog para acompanhar essa série de artigos sobre cores.

E se você gostou, deixe seu comentário abaixo e se gostou muito comente e compartilhe
com seus amigos.

Até mais.

Forte abraço.

Referências Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 16/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

http://www.belasartes.br/revistabelasartes/downloads/artigos/3/cor-luz-cor-pigmen‐
to-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

Imagem da anatomia do olho: http://cbernardo-cordigital.blogspot.com.br/

Imagem do disco do Pink Floy: http://almanaquedossentidos.files.wordpress.com/

Imagens exemplos de contraste: https://www.flickr.com/photos/28481088@N00/

David Arty
Olá. Sou David Arty, fundador do blog Chief of Design.
Sou natural de São Paulo, Brasil. Trabalho com design, principal‐
mente com design para web, desde 2009. Procuro transformar
ideias loucas e complexas em peças simples, atrativas e funcio‐
nais.
Saiba mais sobre mim

RECEBA MAIS ARTIGOS POR EMAIL!

Fique atualizado das novas postagens do Chief direto no seu
email!

Digite seu e-mail aqui! Sim, Quero Receber!

Artigos Relacionados

11 SUPER Dicas para Na mesa do Chief – Como fazer um Currículo Descubra 7 importantes
Designers iniciantes (ou Entrevista com as Criativo? Aprenda a criar motivos para um
não) fundadoras do Codesign o seu e potencialize as Designer aprender
suas chances! HTML/CSS

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 17/18
10/04/2019 Teoria das Cores - Guia sobre teoria e harmonia das cores no Design

2 Comentários Chief of Design 

1 Entrar

 Recomendar 4 t Tweet f Compartilhar Ordenar por Mais votados

Participe da discussão...

FAZER LOGIN COM OU REGISTRE-SE NO DISQUS ?

Nome

Victor Ribeiro • 2 anos atrás

O blog é muito bom, conheci hoje. Eu só sugiro dar uma revisada nos posts, pois têm uns
errinhos que me deixaram agoniado. Haha
△ ▽ • Responder • Compartilhar ›

David Arty Mod > Victor Ribeiro • 2 anos atrás

Fala Victor.

Obrigado pelo comentário. Estamos arrumando isso. N. Estamos atualizando os

artigos e corrigindo os erros.

Abraço.
△ ▽ • Responder • Compartilhar ›

TAMBÉM EM CHIEF OF DESIGN

Curso de Design Gráfico: Como Web Designer – Essa é a profissão certa

começar? Por onde iniciar?
6 comentários • um ano atrás
David Arty — Fala M Amorim.Envia essa sua
dúvida neste link: http://bit.ly/pergunta-
chiefVou tentar respondê-la ao vivo nessa
para você?
6 comentários • 2 anos atrás
Hércules Torres — Boa noite David,Posso
estar cometendo um crime por falar isso,
mas sempre tive essa duvida: E quanto aos

Web designer vs Front-end Área de Design: 10 mentiras que contam

2 comentários • 7 meses atrás para você
David Arty — Você é uma mistura dos dois, 5 comentários • 2 anos atrás
é versátil :DAbraço. David Arty — Fala Pires.Muito Obrigado
:)Forte Abraço.

✉ Inscreva-se d Adicione o Disqus no seu siteAdicionar DisqusAdicionar

Copyright © Chief of Design · Todos os Direitos Reservados

política de privacidade     

Privacidade - Termos

https://www.chiefofdesign.com.br/teoria-das-cores/ 18/18