Cor – fundamentos para o design - Ana Sofia, Design Gráfico

Cor – fundamentos para o design | o que é cor?
Issac Newton (1642-1727), físico inglês, fez experiências com a luz
e tornou-se responsável pela primeira descrição científica neste do
fenômeno cromático – a Teoria das Cores.
Essas experiências demonstraram que as cores são parte da luz
branca (do sol).
Através do prisma é possível decompor a luz branca nas cores do
arco-íris e com uma lente e um outro prisma é possível recompôlas
em luz branca.
Na imagem ao lado as gotículas de água presentes no ar
funcionam como pequenos prismas enquanto a circunferência da
terra determina a forma de arco.
material didático prof. ana sofia mariz

Cor – fundamentos para o design | como vêmos as cores
Fisicamente as cores são radiação eletromagnética
de comprimentos de onda que varia entre 350 a 750
nanometros.
ultra-violeta
aproximadamente 10 milhões de cores visíveis
350 420 534
material didático prof. ana sofia mariz
O olho humano normal possui 3 tipos de células
chamadas de “cones” que têm seu pico de ativação nos
seguintes espectos:
Cones S – violeta*,
Cones M – verde,
Cones L – amarelo-limão*.
infra-vermelho
564 750 nanometros
* os cones S e L foram erroneamente associados
aos espectros de azul e vermelho

Cor – fundamentos para o design | características das cores
Os estudos formais sobre cor datam de Aristóteles (384 -
322 a.C.). As primeiras teorias conhecidas são elaboradas
por Leonardo da Vinci (1462 - 1519).
olhe fixamente por alguns segundos para este quadrado
material didático prof. ana sofia mariz
Leonardo percebe que algumas cores intensificam
outras, ou seja, se complementam.

Cor – fundamentos para o design | características das cores
agora veja sua cor complementar
material didático prof. ana sofia mariz

material didático prof. ana sofia mariz
Cor – fundamentos para o design | características das cores | disco cromático
O disco cromático desenvolvido por Newton
(1665) pode ser uma ferramenta prática para
pessoas que trabalham com cores.
Aqui representamos um disco desenvolvido
pelo artista americano Donald A. Jusko que
se propõem uma representação precisa das
relações cromáticas reais.
Através do disco é fácil perceber a relação
entre as cores. Cores complementares ficam
em oposição umas às outras, cores análogas
ficam em sequência. Há também a variação de
satuação e luminosidade nos raios do círculo.
complementares análogas
1 19
5 23
10 28
6 7
25 26
35 36

material didático prof. ana sofia mariz
Cor – fundamentos para o design | características das cores | sistemas de análise
O artista americano Albert Munsell (1858-1918) foi um dos responsáveis por
desenvolver um sistema hoje adaptado pela CIE (Commission International
de l’Eclairge) que é uma referência para descrição de cores no computador.
Este sistema pode ser encontrado com diferentes siglas:
HSV (Hue, Saturation, Value – Matiz, Saturação, Valor);
HSB (Hue, Saturation, Brightness – Matiz, Saturação, Brilho);
HSL (Hue, Saturation, Lightness – Matiz, Saturação, Luminosidade).
Cone representando a variação de “HSV”. O círculo H
mostra a variação de matiz, o eixo S mostra a variação de
saturação e o eixo V a variação de valor.
Janela do Photoshop onde é possível ver, entre outros, o sistema
“HSB”. No quadrado à esquerda vemos a variação de saturação e
brilho e na faixa vertical à direita a variação de matiz.

material didático prof. ana sofia mariz
Cor – fundamentos para o design | características das cores | sistemas de análise
Matiz – posição da cor no espectro visível.
Um matiz de vermelho pode parecer marrom dependendo
da luminosidade e saturação
Saturação – intensidade/vivacidade da cor
Uma cor é dessaturada por adição de preto ou branco ou de
outras cores complementares ficando mais neutra e cinza.
Valor/Brilho/Luminosidade – claro ou escuro da cor
O valor não depende da matiz ou saturação quando uma cor
é transformada em cinza seu valor permanece o mesmo.
Problemas de contraste de valor
Quando duas cores de matizes diferentes
mas de mesmo valor são sobrepostas
temos o efeito de “vibração” e a
dificuldade de distinção de figura e fundo.
Neste exemplo o conjunto à esquerda é
convertido para “tons de cinza” revelando
que o verde tem o mesmo valor do rosa.

características das cores | aspectos psicológicos – temperatura
O poeta alemão Wolfgang von Goethe (1749-1832) estudou os efeitos
psicológicos da cor e as separou segundo a sua temperatura.
QUENTES
FRIAS
material didático prof. ana sofia mariz

Cor – fundamentos para o design | modelos para reprodução | artístico
A Bauhaus (1919-1933) onde os
professores e teóricos da cor como
Johannes Itten e Vassily Kandinsky
lecionavam adotou como referência
o modelo de cores primárias,
secundárias e terciárias aqui
ilustrado. Este modelo baseado
em cores de pigmentos opacos é
largamente adotado desde do ensino
fundamental até escolas de artes
plásticas.
material didático prof. ana sofia mariz
Primária + Primaria = Secundária
Primária + Secundária = Terciária

Cor – fundamentos para o design | modelos para reprodução | aditivo
R
B
G
RGB (Red, Green, Blue – Vermelho, Verde, Azul) são as cores primárias do sistema aditivo
(por adição de luz) usado para projeção em tela (monitores, projetores, televisores). A luz
é separada em três canais de cores cuja soma resultará em branco. O preto é obtido pela a
ausência de emissão (como no monitor apagado). As demais cores são obtidas pela mistura
dessas três cores em diversas intensidades.
Abaixo vemos em ampliação progressiva as três lâmpadas RGB e os pixels de um monitor LCD de TV.
material didático prof. ana sofia mariz

Cor – fundamentos para o design | modelos para reprodução | subtrativo
C
Y
M
CMY (Cyan, Magenta, Yellow – Cian, Magenta, Amarelo) são as cores primárias do sistema
subtrativo (por subtração de luz) usado para impressão (jato de tinta, laser, off-set, serigrafia
etc) em suportes que refletem luz (como o papel branco). As tintas são transparentes e
funcionam como filtros bloqueando a luz refletida pelo suporte. A soma de todas as tintas é
o preto e a ausência de tinta revela o suporte branco.
Abaixo vemos ampliadas as retículas que somadas dão a ilusão de uma cor contínua (rosa). Como nem as tintas nem
o suporte são ideais na realidade, além das 3 cores (CMY) é adicionado o preto (K) para maior definição das sombras.
material didático prof. ana sofia mariz