1. Princípio das Cores
1

2. Cores primárias
• Cores primárias: Como no relógio, elas aparecem na roda de
cores separadas por 4 horas, ou seja, 12, 16 e 20 horas.
Amarelo
Azul Vermelho
2

3. Cores secundárias
• Cores secundárias: na roda de cores elas
aparecem na posição oposta das cores
primárias.
Verde Laranja
Roxo 3

4. Cores complementares
4

5. Cores análogas
• São cores lado a lado na roda de cores, são
relacionadas porque contem algumas das cores
que residem ao lado dela. São semelhantes.
5

6. Cores terciárias
• É a mistura de uma cor primária com uma cor
secundária. Amarelo
Verde amarelado Amarelo alaranjado
Verde Laranja
Verde azulado Laranja avermelhado
Azul-violeta Vermelho
Roxo azulado Roxo avermelhado
Roxo 6

7. Matiz, saturação e valor
• Matiz: é a cor pura na roda de cores.
• Saturação: diz respeito ao grau de presença ou
ausência de cor pura. Exemplo: quando
diminuímos a quantidade de cor, ela se torna
uma matiz menos saturada. Quando
misturamos uma cor a outra cor a matiz se
torna mais saturada.
• Valor: nos referimos a tonalidade (tints) e o tom
(tones) de uma cor. Para tons pastel, dilua com
branco. Para tons terrosos, dilua com preto.
7

8. Psicologia das Cores
8

9. Psicologia das Cores
• As cores comportam-se de maneiras diferentes,
dependendo da intensidade da luz emanada e
das características do suporte, impresso ou
digital.
• Contrastes simultâneos são excelentes formas de
uso da cor, desde que usados com peso
diferentes.
• O olho humano tende, independentemente da
vontade, a procurar cores complementares para
completar a informação a que é exposto.
9

10. Contraste figura-fundo
• Um mesmo tom tem impacto diferente
dependendo da cor de fundo sobre a qual está.
10

11. Poder de atração da cor
1 2 3 4
5 6 7 8
11

12. Forma e o poder de concentração
• A forma de um objeto colorido influencia no
grau de memorização da informação, pois
aumenta ou reduz a expansão da cor.
1 2 3 4
12

13. A cor e os sentidos
• As cores também estimulam associações com
o paladar e os sabores.
Ácido Doce Adocicado Amargo
Ácido Doce Amargo
Ácido Doce Amargo
13

14. A cor e a temperatura
• Os tons de base quente (laranjas e vermelhos)
transmitem a sensação de calor; os de base
azul normalmente sugerem a sensação de frio.
Quente Frio
Quente Frio
Quente Frio
14

15. Peso
• Tons claros sugerem leveza, tons mais escuros
peso e robustez.
LEVE PESADO
LEVE PESADO
LEVE PESADO
LEVE PESADO
15

16. Visibilidade
• Ao levar em conta a visibilidade nas cores
primárias: verde, vermelho e azul, a matiz
verde é melhor visualizada de perto seguindo
do vermelho e por último o azul. Ou seja, o
azul é melhor visualizado a distância, ao
contrário do verde e vermelho.
• Ao planejar uma combinação de cores, é
preciso levar em conta a visibilidade e o
contraste entre elas.
16

17. Eficiência de contraste
Tonalidade Tonalidade Tonalidade
Tonalidade Tonalidade Tonalidade
Tonalidade Tonalidade Tonalidade
Tonalidade Tonalidade Tonalidade
17

18. Visibilidade e Legibilidade
• Texto claro sobre fundo escuro proporciona
melhor visibilidade, ou vice e versa.
• Use letras contrastadas e serifadas para cores
complementares.
• Use tons próximos para letras sem serifas e
robustas, podendo clarear a matiz.
18

19. Visibilidade e Legibilidade
Destaca Destaca
Sem
Vibra contraste
19

20. RGB e Hexadecimal para Web
• Para cada cor eletrônica, RGB, há um valor
numérico entre 0 e 255.
• Utilizamos o código hexadecimal para a
conversão desses valores.
RGB – 227,95,54
Hexa - #E35F36
Que corresponde a esta cor: exemplo.
20

21. Dicas a serem utilizadas
• Para brilho ou intensidade, escolha matizes puros
saturados.
• Para tons pastel, dilua com branco.
• Para tons terrosos, dilua com preto.
• Para contraste: combine:
 Cores opostas na roda.
 Matizes quentes com frios.
 Qualquer matiz com cinza.
 Valores claros com escuro.
21

22. Dicas a serem utilizadas
• Para unidade, escolha cores análogas na roda
de cores com saturação ou valor semelhante.
• Use RGB, que adiciona cores a luz usando o
sistema hexadecimal para tela.
• Crie design tendo em mente a visibilidade e
legibilidade.
• Não esqueça de usar cores para criar impacto,
organizar itens relacionados e fazer as
emoções fluírem.
22