ETEC Vila Madalena

CEI – Criação e Editoração para WEB

Profª Aline
Aula – Cores na WEB

Tipos de Cores

RGB (utilizado em televisão, monitores e etc.) consiste na adição de comprimentos de ondas. Significa
Red+Green+Blue (vermelho+verde+azul), a soma da onda de todas estas cores resulta na cor BRANCA. Cada cor varia de
0 a 255. Nos monitores são geradas as cores através da mistura de três cores de luz (aditivas) - vermelho, verde e azul.
Quando todas as cores estão na intensidade máxima (# fff), o resultado é uma luz branca. Quando todas as cores estão
fora (# 000), o resultado é preto.

Você pode definir a saída de 216-cores (paleta da Web), 256 cores (8-bit color), milhares de cores (16-bit color) ou
milhões de cores (24-bit color).

Tonalidades RGB: 16.777.216

CMYK é utilizado em praticamente todas as impressoras. Suas siglas significam C = Cyan (ciano), M = Magenta
(magenta), Y = Yellow (amarelo), K = Black (preto, utilizam o K e não o B para não confundir com Blue, que significa azul).
Consiste na sobreposição destas cores, para formar uma outra cor. Cada valor varia de 0 a 100%. Se deixarmos o C = 0%,
M = 0%, Y = 0% e K = 100%, obteremos uma cor 100% preta. Se deixarmos todos os valores em 0%, obteremos uma cor
branca.

Uma observação importante é que não existe uma conversão perfeita de RGB para CMYK. Por exemplo, as impressoras
utilizam CMYK e os monitores RGB, a maioria das gráficas pede quando você quer algo 100% preto, utilizar o sistema
CMYK, e deixar C, M e Y em 0% e K em 100% na hora de imprimir.

Tonalidades CMYK: 4.294.967.296

HSB: matiz, saturação e brilho

Este regime prevê um dispositivo de forma independente para descrever a cor. HSB pode ser o sistema mais complexo
para visualizar, especialmente desde que o software de seleção de cores tem de reduzir as suas três dimensões
descritiva a duas dimensões na tela do monitor.

A maneira mais fácil de visualizar este esquema é pensar do H, S e B os valores que representam pontos dentro de um
cone de cabeça para baixo. Na borda da base do cone, pensar no espectro de luz visível (página anterior), cortados a
partir da página e colado em um círculo com sombreamento acrescentado
para suavizar a transição entre o (agora se juntou a vermelho) e termina
magenta.

• Hue é a cor real. É medida em graus de ângulo anti-horário em torno do

cone começando e terminando no vermelho = 0 ou 360 (para 60 =
amarelo, verde = 120, etc.)

• Saturação é a pureza da cor, medida em percentagem do centro do

cone (0) para a superfície (100). Com 0% de saturação, matiz é sem
sentido.

• Brightness - O brilho é medido em percentagem do preto (0) ao branco

(100). Com 0% de luminosidade, matiz e saturação ambos são inúteis.
Indexed Color - A indexação é o processo de atribuição de 256 (8-bit) ou menos cores para representar os milhões
de cores que potencialmente existem em uma imagem colorida. A indexação é importante para criar as imagens sejam
visualizadas em um monitor de computador, a paleta de cores 216-Web é um exemplo de cores indexadas.

256 Cores