Cores em Computao Grfica

Uso de cores permite melhorar a legibilidade da

informao, possibilita gerar imagens realistas, focar
ateno do observador, passar emoes e muito
mais.
Colorimetria Conjunto de tcnicas que permitem
definir e comparar cores. Estuda como o olho
humano percebe cada cor.
Qualquer cor pode ser definida por trs parmetros:
intensidade, tonalidade cromtica e saturao.

Pgina 2 Computao Grfica Parte 06

Cores em Computao Grfica
Intensidade indica o grau de intensidade luminosa
da superfcie examinada, normalmente associada ou
brilho ou claridade do material.
Tonalidade cromtica Caracteriza o comprimento da
onda dominante da cor, tambm chamado de matiz.
Saturao mede a pureza da cor, ou seja o quanto
ela saturada em um s tom.

Pgina 3 Computao Grfica Parte 06

Processo de formao de cores
Percepo de cores
As diferentes cores, ou espectros luminosos, que podem ser
percebidos pelo sistema visual humano correspondem a uma
pequena faixa de freqncias do espectro eletromagntico, que
inclui as ondas de rdio, microondas, os raios infravermelhos e
os raios X, como mostrado na figura abaixo:

Pgina 4 Computao Grfica Parte 06

Processo de formao de cores
Percepo visual do mundo baseada nas cores
dos objetos
Alguns animais s enxergam em preto e branco
Outros conseguem ver cores para ns invisveis
Conseguimos distinguir algumas dezenas de
tons de cinza
Discernimos vrios milhes de cores
diferentes
S percebemos as cores na presena de luz

Pgina 5 Computao Grfica Parte 06

O que so Modelos de Cores ?
Voc precisa de um mtodo para definir
cores.
Os modelos de cores fornecem diversos
mtodos para definir cores, cada modelo
definindo usando componentes de cores
especficos.
H vrios modelos de cores que podem ser
escolhidos ao se criar um grfico.

Pgina 6 Computao Grfica Parte 06

Sistemas de cores aditivas

Usados nos monitores de vdeo e TV.

A cor gerada pela mistura de vrios cumprimentos
de onda luminosa, provocando uma sensao de cor
quando atinge o olho.
No processo aditivo, o preto gerado pela ausncia
de qualquer cor, indicando que nenhuma luz
transmitida.
O branco a mistura de todas elas.

Pgina 7 Computao Grfica Parte 06

Modelo de cor RGB
O modelo de cor RGB define a cor usando
os seguintes componentes:
vermelho (R)
verde (G)
azul (B)
Os componentes R, G e b so as
quantidades de luz vermelha, verde e azul
que uma cor RGB tem e so medidos em
valores que variam de 0 a 255.

Pgina 8 Computao Grfica Parte 06

Modelo de cor RGB
Os monitores usam o modelo de cor RGB. Quando
voc adiciona luz vermelha, azul e verde juntas, de
forma que o valor de cada componente seja 255,
aparece a cor branca.
Quando o valor de cada componente 0, o
resultado preto puro.

Pgina 9 Computao Grfica Parte 06

Modelo de cor RGB

A representao da cor C de cada pixel de uma

imagem pode ser obtida matematicamente por:
C = r.R + g.G + b. B

Pgina 10 Computao Grfica Parte 06

O cubo RGB

Pgina 11 Computao Grfica Parte 06

O cubo RGB

Pgina 12 Computao Grfica Parte 06

Canais RGB

Pgina 13 Computao Grfica Parte 06

Canais RGB

Pgina 14 Computao Grfica Parte 06

Sistemas de cores subtrativas
Usados nas impresses e pinturas. Possui como cores
primrias o Azul Ciano, o Magenta e Amarelo (CMY).
No processo subtrativo, cores da luz branca so
absorvidas.
A luz branca ao atingir um objeto tem parte absorvida
e parte refletida.
O branco corresponde a ausncia de qualquer cor e o
preto a mistura de todas.

Pgina 15 Computao Grfica Parte 06

Modelo de cor CMYK
O modelo de cor CMYK define a cor usando os
seguintes componentes:
ciano (C)
magenta (M)
amarelo (Y)
preto (K)

Os componentes C M Y K so quantidades de tinta

ciano, magenta, amarelo e preto que uma cor CMYK
contm e so medidos em porcentagem de 0 a 100.

Pgina 16 Computao Grfica Parte 06

Modelo de cor CMYK
Os materiais impressos so reproduzidos usando o
modelo de cor CMYK.
Ao combinar ciano, magenta, amarelo e preto, de
forma que o valor de cada componente seja 100, o
resultado preto.
Quando o valor de cada componente 0, o
resultado branco puro.

Pgina 17 Computao Grfica Parte 06

Modelo de cor CMYK

Pgina 18 Computao Grfica Parte 06

Combinaes de cores

Aditivas Subtrativas
+ = + =

+ = + =

+ = + =

Pgina 19 Computao Grfica Parte 06

Modelo de cor HSV (HSB)
Um modelo de cor que define trs componentes:
matiz (H), saturao (S) e brilho (V - Value).
O matiz determina a cor ou tonalidade (amarelo,
laranja, vermelho, etc.);
O brilho determina a intensidade percebida (cor
mais clara ou mais escura);
A saturao determina a profundidade ou pureza
da cor (de esmaecida a intensa).

Pgina 20 Computao Grfica Parte 06

Modelo de cor HSV
O matiz descreve o pigmento de uma cor e
medido em graus de 0 a 359.
Por exemplo: 0 grau vermelho; 60 graus,
amarelo; 120 graus, verde;, 180 graus, ciano;
240 graus, azul e 300 graus, magenta.
A saturao descreve a vivacidade ou o
esmaecimento de uma cor e medida em
porcentagem de 0 a 100 (quanto maior a
porcentagem, maior a vivacidade da cor).
O brilho descreve a quantidade de branco que
uma cor contm e medido em porcentagem de
0 a 100 (quanto maior a porcentagem, maior o
brilho da cor).
Pgina 21 Computao Grfica Parte 06
Modelo de cor HSV
Por utilizar um sistema de cores que so mais intuitivas
do que combinaes de cores primrias, mais
adequada para ser usada na especificao de cores em
nvel de interface com o usurio.

Pgina 22 Computao Grfica Parte 06

Modelo de cor HSV

Pgina 23 Computao Grfica Parte 06

O modelo HSL
Tambm utiliza os conceitos de matiz (Hue), pureza
de cor (Saturao) e luminosidade (Lightness).
um modelo comumente usado em aplicaes de
grficas por causa da forma como as cores so
emuladas neste modelo, que se aproxima mais de
como o ser humano produz a percepo da cor.
Permite que se pense em termos de cores mais
claras e mais escuras;
As cores so especificadas atravs de um ngulo.

Pgina 24 Computao Grfica Parte 06

O modelo HSL
A escala de cinzas encontra-se em S=0; nesse
modelo, os matizes com mxima saturao possuem L
= 0.5, e como no modelo HSV, so definidos na
extremidade do hexgono.

Pgina 25 Computao Grfica Parte 06

Sistemas de Cores

Vantagens dos modelo HSV/HSL

Simplicidade e facilidade de implementao;
Popularidade entre os programadores de
computao grfica.

Desvantagem do modelo HSV/HSL

A cor produzida pode variar de um
dispositivo para outro.

Pgina 26 Computao Grfica Parte 06

Uso de cores nas imagens
A cor, como elemento fundamental em qualquer
processo de comunicao merece ateno especial.
Ela interfere nos sentidos, emoes e intelecto. Seu
uso correto pode resultar numa rpida e correta
assimilao da informao.
O uso de cores permite:
Mostrar as coisas conforme so vistas na natureza.
Representar associaes simblicas.
Chamar e direcionar a ateno.
Determinar um estado de esprito.
Tornar a imagem mais fcil de ser memorizada.

Pgina 27 Computao Grfica Parte 06

Uso de cores nas imagens
Quantas cerejas?

Pgina 28 Computao Grfica Parte 06

Uso de cores nas imagens
Por se tratar de um recurso to poderoso, o uso de
cor deve ser feito com cautela.
Algumas observaes sobre uso de cores:
Uma escolha no adequada de cores pode interferir na
legibilidade da imagem;
As cores podem apresentar caractersticas distintas em
condies diferentes;
As cores devem ser selecionadas de modo a no causarem
fadiga nos olhos do usurio e nem deix-lo confuso.

http://www.dokimos.org/ajff/
http://fuzzymartian.tripod.com/
http://br.geocities.com/vfdesigner/

Pgina 29 Computao Grfica Parte 06

Uso de cores nas imagens
BRANCO
BRANCO a chave para comparao de cores. Possui uma
leveza e contrasta bem com um fundo escuro. Seu brilho intenso
pode causar cansao ao se olhar pra ela durante muito tempo,
alm de diluir as demais cores exibidas.
Na nossa cultura est associada a: pureza, paz, inocncia, limpeza,
frio, vulnerabilidade...
PRETO Age como estimulante para as demais cores e se
harmoniza bem com todas elas. Apesar de conotaes negativas,
ela um padro para algumas situaes como traje para noite,
rock pesado...
Na nossa cultura est associada noite, formalidade, estabilidade,
medo, vazio, morte, anonimato.

Pgina 30 Computao Grfica Parte 06

Uso de cores nas imagens
VERMELHO a cor de maior impacto emocional, por conta da
sua associao com o sangue e o fogo. Mostra-se eficiente pra
sinalizar algum perigo ou chamar a ateno. Seu uso deve ser
evitado como cor de fundo ou reas amplas, por conta da sua
dominncia.
Est associada vitria, paixo, amor, fora, energia, guerra, fogo,
perigo, raiva e s foras do mal.
AMARELO Incandescente com grande qualidade acolhedora.
Sua associao com o sol faz com que ela simbolize a vida e o
calor. Indica tambm atividade.No deve ser usada como cor de
texto, salvo fundo preto ou azul escuro.
Est associada ao sol, vero, ouro, colheita, inovao, risco, doena,
traio.

Pgina 31 Computao Grfica Parte 06

Uso de cores nas imagens
VERDE - Intimamente ligada natureza, virou marca dos
ambientalistas. Verdes sutis provocam estado de paz na mente,
enquanto que o verde em excesso pode resultar em aparncia
doentia.
Associada natureza, primavera, fertilidade, esperana, segurana,
inexperincia, inveja.
AZUL Por ser a cor do cu e do mar, sugere ar, espao,
profundidade. uma cor fria, suave e tranqila, com
propriedades relaxantes. Simboliza autoridade e espiritualidade.
No deve ser usada para textos ou detalhes finos.
Associada ao cu, mar, estabilidade, paz, unidade, frio, depresso,
mistrio, conservadorismo.

Pgina 32 Computao Grfica Parte 06