Atualizado: 17.11.2007
 
Projetos web
Características do conteúdo

Palheta de cores web

 

Variações de gama

As cores de monitores apresentam grande variação, especialmente se consideramos os dispositivos móveis.

Monitores apresentam também variações de profundidade de bits (atualmente a maioria varia entre 24 e 32 bits - sendo que apenas 24 bits renderizam realmente as cores, os bits adicionais ajudam a processar as cores na tela).

Sistemas operacionais diferentes mostram cores diferentes. Exemplo

Navegadores também podem alteram as cores das páginas de um site. Exemplo

Palhetas de cores adequadas para a web

Quando a web se disseminou, a partir de 1994, os monitores dos computadores tinham recursos limitados e mostravam poucas cores.

Os desenvolvedores, para garantir a homogeneidade das cores utilizadas em seus projetos, precisavam recorrer a palhetas comuns a diversas plataformas para assegurar a consistência dos layouts e de seus elementos.

Os navegadores trabalhavam com as palhetas dos sistemas operacionais dos computadores PCs, Macs, Unix.

As cores das imagens (vetoriais especialmente) se adaptam a estas palhetas.

Hoje os computadores dispõem de mais memória, processadores mais rápidos e potentes e os monitores não apresentam as mesmas restrições de cores. A necessidade de uso das palhetas comuns a todas as plataformas diminuiu.

No entanto, com o aumento do acesso à web pelos dispositivos móveis, com monitores menos potentes, muitos desenvolvedores utilizam a palheta de cores "web-safe" como referência para a escolha de cores básicas.

Embora diferentes entre si, as palhetas compatíveis com a web usam 216 cores comuns, sendo 40 para uso do sistema operacional.

A palheta de 216 cores tem:
     • 6 vermelhos
     • 6 verdes
     • 6 azuis

Os valores hexadecimais destas cores sempre incluem os valores 00, 33, 66, CC e FF.

Qualquer combinação destes valores cria cores compatíveis com todas as plataformas.

16 destas cores estão listadas nas especificações da linguagem HTML 4.01, com nomes que podem ser utilizados ao invés das combinações de valores (black, silver, gray, etc. - ver a lista completa em http://www.morecrayons.com/).

Como os monitores atuais processam cores a 32 bits, a palheta web-compatível é menos utilizada, mas garante a consistência das tonalidades entre sistemas operacionais e browsers em elementos em que a precisão é necessária, como marcas e logotipos.

Atualmente é mais utilizada a palheta do cubo com 16-por-16-por-16cores, combinando os valores 00, 11, 22, 33, 44, 55, 66, 77, 88, 99, aa, bb, cc, dd, ee, e ff e gerando uma gama de cores compatíveis com monitores que suportam de milhares a milhões de cores.


Assuntos relacionados
Palheta de cores consistente

Referências bibliográficas
Death of the websafe color palette? (WebMonkeys)
Web smart palette (MoreCrayons)

Mais informação sobre o assunto (link externo)
CSS colors (valores de cores hexadecimais)
The websafe and reallysafe palettes (HTML Goodies, acesso e m 17.11.2007)


 ▲  
Alto