IMAGEM

 O conceito de cor está associado à

perceção, pelo sistema de visão do ser
humano, da luz emitida, difundida ou refletida
pelos objetos, sendo por isso, um atributo
dos mesmos.
 A cor de um objeto depende das
características das fontes de luz que o
iluminam, da reflexão da luz produzida pela
sua superfície e das características
sensoriais do sistema de visão humano, os
olhos, ou de câmaras digitais.
 A não existência de luz, implica que nada
se veja, ou seja, ausência de cor.
Imagem 1
IMAGEM
 De forma a compreender como é
que as imagens são geradas,
armazenadas, manipuladas e
reproduzidas pelos diferentes
dispositivos físicos que utilizam a
cor, é necessário representar as
cores através de modelos que se
aplicam a diferentes situações reais.
 Os modelos de cor fornecem
métodos que permitem especificar
uma determinada cor.

Imagem 2
IMAGEM
 Modelo aditivo versus modelo subtrativo
 O modelo utilizado para descrever as cores emitidas ou
projetadas é considerado aditivo.
 Exemplos:
 Luz emitida e projetada num ecrã.
 Mistura de cores emitidas por fontes de luz.

 O modelo utilizado para descrever as cores impressas é

considerado subtrativo.
 Exemplos:
 Mistura de cores de pintura ou impressão.
 É o modelo utilizado para impressão nas impressoras de jato de tinta
nomeadamente para obter qualidade fotográfica.

Imagem 3
IMAGEM
 Modelo aditivo versus modelo subtrativo
 Num modelo aditivo a ausência de luz ou de cor,
corresponde à cor preta, enquanto que a mistura dos
comprimentos de onda ou das cores primárias, (R,G,B)
vermelho (Red), verde (Green) e azul (Blue), indicam a
presença de luz ou cor branca.
 É a combinação – soma – destes componentes que
produz cada ponto de cor.
 Estas cores, combinando-se das mais diferentes
maneiras possíveis produzem todas as cores que se
observam, por exemplo, no display de um monitor.

Imagem 4
IMAGEM
 Modelo aditivo - RGB

Imagem 5
IMAGEM
 Modelo aditivo versus modelo subtrativo
 Num modelo subtrativo, ao contrário de um modelo
aditivo, a mistura de cores cria uma cor mais escura,
porque são absorvidos mais comprimentos de onda,
subtraindo-os à luz.
 A ausência de cor, corresponde ao branco e significa que
nenhum comprimento de onda é absorvido, mas sim
todos refletidos.
 O modelo subtrativo explica a mistura de pinturas e tintas
para criarem cores que absorvem alguns comprimentos
de onda da luz e refletem outros.
 Assim, a cor de um objeto corresponde à luz refletida por
ele e que os olhos recebem.

Imagem 6
IMAGEM
 Modelo subtrativo - CMYK

Imagem 7
IMAGEM
 Modelo RGB
 É um modelo aditivo, que descreve as cores como uma combinação das três cores
primárias: vermelho (Red), verde (Green) e azul (Blue).
 Qualquer cor no sistema digital é representada por um conjunto de valores numéricos.
 O valor numérico que cada uma destas componentes de cor pode ter, varia entre 0 e
255.
 Para se perceber como funciona, vejamos alguns exemplos:
 Vermelho = 255; Verde = 0; Azul = 0;
 Resultado = Vermelho
 Vermelho = 255; Verde = 255; Azul = 0;
 Resultado = Amarelo
 Vermelho = 255; Verde = 255; Azul = 255;
 Resultado = Branco
 Vermelho = 0; Verde = 0; Azul = 0;
 Resultado = Negro
 Vermelho = 0; Verde = 255; Azul = 0;
 Resultado = Verde

Imagem 8
IMAGEM
 Aplicações do modelo RGB
 Associam-se a este modelo de cor, equipamentos como monitores de
computador, ecrãs de televisão e scanners.
 Constituição de uma imagem digital
 Uma imagem digital é constituída por pixels (pixel – picture element) que representa a
unidade elementar de brilho e cor.
A propósito de pixels…
A One Million Dollar Home Page foi criada pelo
estudante inglês Alex Tew para custear os seus
estudos de faculdade. A ideia era simples:
pessoas e empresas podiam comprar quantos
pixels quisessem na sua Webpage, que apenas
tem banners empilhados, para a criação de
publicidade. O custo era de um dólar por pixel.
A página vai ficar no ar por cinco anos, com os
mesmos banners. Surpreendendo o próprio
criador, a página foi um sucesso, e este
concluiu a venda de um milhão de pixels há
alguns dias. Janeiro, 2006.

http://www.milliondollarhomepage.com/
Imagem 9
IMAGEM
 Resolução e tamanho
 A definição de resolução pode ser entendida como a quantidade de informação que uma imagem
contém por unidade de comprimento, ou seja, o número de pixels por polegada, abreviadamente
ppi (pixels per inch)*.
 A resolução de uma imagem determina não só o nível de detalhe como os requisitos de
armazenamento da mesma. Assim, quanto maior for a resolução de uma imagem, maior será o
tamanho do ficheiro de armazenamento.
 Por sua vez o nível de detalhe de uma imagem depende da informação de cada píxel. Cada píxel é
codificado de acordo com a cor e o brilho que representa, ou seja, ocupa em memória um número
de bits que varia de acordo com o número de cores, tons de cinza e brilho definido para uma
determinada imagem.
*inch=polegada, é uma unidade de comprimento usada no sistema imperial de medidas britânico).

 Exemplo de uma imagem com diferentes resoluções

 

100 x 100 12 x 12 5x5

Imagem 10
IMAGEM
 Profundidade de cor
 A profundidade de cor indica o número de bits usados para representar a cor de um
píxel numa imagem.
 Este valor é também conhecido por profundidade do píxel e é representado pelo
número de bits por píxel (bpp).
 Quanto mais bits por pixel (2, 4, 8, 16, etc.), maior a variedade de cores (ou tons de
cores) e mais subtil a transição entre um píxel e outro vizinho.

24 bits True 8 bits 4 bits 1 bit

color
 Imagens True color: Imagens que utilizam 24 bits (8 bits por canal) para representar a cor de cada
pixel, o que possibilita a codificação de 16.777.216 cores diferentes.
 Esta quantidade de cores abrange praticamente toda a capacidade de diferenciação de cor do olho
humano.

Imagem 11
IMAGEM
 Profundidade de cor
 A profundidade de cor varia com o número de cores presentes na imagem.
 No modelo RGB, com a profundidade de 24 bits (28 x 28 x 28) existe a
possibilidade de escolher 16,7 milhões de combinações de cor.
 Apesar de olho humano não identificar estes 16,7 milhões de cores, com este
número de combinações é possível efectuar variações suaves que dão a
sensação de imagens com aspectos muito reais.
 Com uma profundidade de 32 bits, são endereçadas 4 294 967 296 de cores.
 Esta última combinação, é um modo gráfico especial usado pelo vídeo digital,
animação e jogos para a obtenção de certos efeitos.
 Os 8 bits extra (32-24=8 bits) designados por Alpha Channel, são utilizados
para representar por exemplo o grau de transparência que o píxel deve ter
quando a imagem, à qual ele pertence, é sobreposta com outra imagem.

Imagem 12
IMAGEM
 Alpha Channel
 A composição de imagens digitais em camadas (layers), possível em software de
edição de imagem e vídeo, possibilita a inserção de títulos e gráficos sobrepostos em
imagens pré-existentes: toda a área em redor das letras ou gráficos é tornada
transparente, permitindo que se veja a imagem de fundo.
 Também permite a sobreposição de pedaços 'recortados' de uma imagem sobre outra
e a própria variação de transparência entre duas imagens de vídeo.
 Esses efeitos, são então possíveis graças ao uso do canal alfa (Alpha Channel).

Imagem 13
IMAGEM
 Profundidade de cor – relação entre o número de bits e o número de cores

Profundidade de cor Nº de cores

Qualidade da cor Padrão gráfico
(Nº de bits) produzidas
1 Preto e branco (bit
1 2 =2 Monocromático
0 ou 1)
2 CGA
2 2 =4 Cores de 2 bits
(Color Graphics Adapter)

4 4
Cores de 4 bits EGA
2 = 16 (Enhanced Graphics Adapter)

8 Escala de cinzas ou VGA

8 2 = 256 cores de 8 bits (Video Graphics Adapter)

16 Cores de 16 bits XGA

16 2 = 65 536 (High color) (Extended Graphics Array)

24 Cores de 24 bits SVGA

24 2 = 16 777 216 (True color) (SuperVGA)

Cores de 32 bits SVGA

32
32 2 = 4 294 967 296 (True color + Alpha (SuperVGA)
Channel)

Imagem 14
IMAGEM
 Monocromático - Preto e branco
 Cada pixel é representado por um bit (0 ou 1) de memória.

Imagem 15
IMAGEM
 VGA – Video Graphics Adapter – 256 cores
 8 bits de memória são dedicados a cada pixel, podendo cada pixel ser uma de 256 cores. (256 = 2 8).
 Quer isto dizer que 256 é o máximo de combinações de “zeros” e “uns” que se pode fazer com 8 bits.
 Era a resolução típica dos antigos monitores!

Imagem 16
IMAGEM
 Cores de 24 bits (True color)
 As imagens True color têm 24 bits de memória dedicada a cada pixel, sendo 8 para o Vermelho, 8
para o Verde e 8 para o Azul (8 + 8 + 8 = 24).

Imagem 17
IMAGEM
 Cores de 24 bits (True color)
 Imagens True-color (24 bits), são imagens onde cada pixel tem 24 bits de memória
dedicada, formadas por três layers monocromáticos :
 Vermelho (R), Verde (G) e Azul (B).

Imagem 18
IMAGEM
 Espaço ocupado por uma imagem digital
 O espaço ocupado depende da resolução e da profundidade de cor.

 Tamanho do ficheiro (em bits) =

 Largura da imagem (pixels) x Altura da imagem (pixels) x Profundidade de Cor (bits)
 Cálculo do tamanho de uma imagem com 100 x 100 pixels, elaborada com 256 níveis de cor.

1. Determinação da profundidade de cor, ou seja, a relação entre o número de bits e o número de cores:

 256 níveis de cor = 28 níveis de cor => profundidade de cor = 8 bits

2. Dimensão:
 100 x 100

3. Tamanho:
 8 x 100 x 100 = 80 000 bits = 10 000 Bytes = 10 KB

100 x 100

Imagem 19
IMAGEM
 Indexação de cor
 A indexação de cores consiste em representar as cores dos pixels através
de índices de uma tabela (Lookup table).
 As cores desta tabela são conhecidas como cores indexadas, devido ao facto de
estarem referenciadas pelos números de índice que são usados pelo computador para
identificar cada cor.
 Uma imagem RGB é definida separadamente por valores de vermelho, verde e azul
para cada píxel; uma imagem de cor indexada cria uma tabela que define um número
de cores predefinidas e cada píxel é definido por um índice de cor dessa tabela.
 Imagens de desenho, em que o número de cores é reduzido, utilizam normalmente
formatos indexados. Nestas imagens, as (poucas) cores utilizadas são colocadas
numa palete e cada cor é indexada. O tamanho da imagem diminui substancialmente.
 O exemplo mais comum do formato indexado é o formato GIF.
Imagem do tipo desenho com áreas de cor uniforme
Formato: GIF
Dimensão: 3KB

Imagem 20
IMAGEM
 Indexação de cor
 A utilização de cores indexadas reduz o tamanho dos ficheiros de
imagens.
 As cores indexadas estão limitadas a 256 cores, podendo, no
entanto, ser qualquer conjunto de 256 cores de 16,7 milhões de 24
bits de cor.
 Supondo que temos um gráfico a preto e branco e se o guardarmos
num formato de cor indexada, a tabela conterá apenas as cores
“preta” e “branca”, necessárias para a imagem, não precisando de
conter 256 cores ou menos, tornando assim o ficheiro mais pequeno,
por não necessitar de armazenar informação a mais.

Imagem 21
IMAGEM
 Paleta de cores
 Paleta de cores é a designação utilizada para definir qualquer subconjunto de cores do total
suportado pelo sistema gráfico do computador.
 Cada cor dentro da paleta é identificada por um número (índice).
 A utilização de paletas permite diminuir o tamanho dos ficheiros de imagens, porque apenas são
armazenadas em memória as cores efetivamente utilizadas.

Imagem 22
IMAGEM
 Complementaridade de cores
 Uma cor complementar de uma determinada cor primária é a cor que se encontra quando se
efetua uma rotação de 180º num anel de cor.

Primária Complementar
Vermelho (Red) Ciano (Cyan)
Verde (Green) Magenta (Magenta)
Azul (Blue) Amarelo (Yellow)

 No modo RGB, estas cores complementares são também designadas por cores secundárias ou cores primárias
de impressão.
 Em termos técnicos as cores secundárias resultam da mistura de quantidades iguais de duas cores primárias
adjacentes.
 magenta + amarelo = vermelho
 amarelo + ciano = verde
 ciano + magenta = azul roxo (ou violeta)

Imagem 23
IMAGEM
 Modelo CMYK
 O modelo CMYK deriva do modelo subtrativo CMY que descreve as cores como uma combinação
das três cores primárias ciano (Cyan), magenta (Magenta) e amarelo (Yellow), ao qual se
acrescentou a cor preta (blacK).
 A cor preta foi adicionada a este modelo por ser mais fácil a sua obtenção quando impressa em
papel, do que recorrendo à mistura de cores.
 As cores primárias do modelo CMY são as cores secundárias do modelo RGB e vice-versa.
 Aplicações
 O modelo CMYK é utilizado na impressão em papel. A cor preta realça os tons de preto e cinza.
 As áreas em branco indicam inexistência de tinta ou pigmentos e as escuras concentração de tinta.
 É o modelo utilizado em impressoras, fotocopiadoras, pintura e fotografia.

24
IMAGEM
 Modelo HSV
 O modelo HSV é definido pelas grandezas:
 Hue – tonalidade
 Saturation – saturação
 Value – valor

 A tonalidade é a cor pura com saturação e luminosidade máximas, por

exemplo, amarelo, laranja, verde, azul, etc.
 Exprime-se num valor angular entre 0º e 360º.

 A saturação indica a maior ou menor intensidade da tonalidade, isto é,

se a cor é pura ou esbatida (cinzenta). Tonalidade Graus
 Exprime-se em percentagem: 0% indica a inexistência de cor ou a
Vermelho 0 ou 360
aproximação aos cinzentos e o valor 100% indica uma cor
Amarelo 60
saturada ou pura.
Verde 120
Ciano 180
 O valor traduz a luminosidade ou o brilho de uma cor, isto é, se uma
cor é mais clara ou mais escura e exprime-se entre 0 e 100%. O valor Azul 240
0% indica que a cor é muito escura ou preta e o valor 100% indica que Magenta 300
a cor é saturada ou pura.
 Este modelo é utilizado na mistura de cores do ponto de vista
artístico. Imagem 25
IMAGEM
 Modelo YUV
 Este modelo foi criado a par do desenvolvimento da transmissão de sinais de cor de
televisão.
 Neste modelo YUV a cor é decomposta em três componentes:
 componente luminância (brilho) (Y)
 componente crominância (cor) (U) = blue – Y
 componente crominância (cor) (V )= red – Y.

 Neste modelo a cor de cada píxel é então produzida através da especificação da luminância (Y) e
pelas diferenças entre a luminãncia e a cor azul (U) e entre a luminãncia e a cor vermelha (V).
 O modelo YUV guarda a informação de luminância separada da informação de crominância ou cor.
 O modelo YUV é adequado às televisões a cores e sinais vídeo, porque permite enviar a
informação da cor separada da informação da luminância.
 Permite transmitir imagens de televisão a preto e branco e imagens a cores de forma
independente.
 Este modelo é utilizado pelos sistemas de televisão europeu PAL* e SECAM** (francês) e na
compressão dos formatos JPEG/MPEG.
 *Phase Alternation Line
 **Séquentiel Couleur Avec Mémoire Imagem 26