∞ As cores em HTML e CSS ∞

As placas gráficas utilizam o sistema de cores RGB, Red Green Blue (vermelho, verde, azul), cada uma das cores pode tomar valores entre 0 e 255 que são combinados para formar os tons de cor no ecrã.

Por exemplo, a cor amarela é formada por 100% de vermelho, 100% de verde e 0% de azul, assim em formato RGB fica 255,255,0. Quando trabalhamos com HTML ou CSS, tipicamente as cores são utilizadas no sistema hexadecimal (em base 16), assim o amarelo pode ser codificado como #FFFF00.

Antigamente, os monitores só suportavam 256 cores, o que limitava a quantidade de tons disponíveis. Hoje em dia os monitores modernos trabalham com milhões de cores, mas mesmo assim ainda existem as cores seguras para a Web, Web safe, como também são chamadas. São as cores formadas pela combinação das 3 cores RGB nas intensidades 0% (0), 20% (51), 40% (102), 60% (153), 80% (204) e 100% (255) ou, em hexadecimal, 00, 33, 66, 99, CC e FF, respectivamente.

É possível encontrar uma tabela com todas as cores possíveis em Cores possíveis
É possível encontrar uma tabela com as cores seguras em Cores seguras
E em Nome de cores uma grande lista de cores com os nomes respectivos.

A paleta de cores seguras para a Web é composta por 216 cores com suporte comum entre browsers e plataformas diferentes e organizada pelos seus diferentes tons.

O tom é a característica da cor que o olho humano melhor distingue. Cada cor é definida pelo seu tom, saturação e luminosidade.

Saturação – A saturação diminui com a adição de cinzento ao tom.
Luminosidade – A luminosidade aumenta com a adição de branco ao tom.

Algumas cores têm nomes atribuídos pelo W3C, que são reconhecidas por qualquer navegador Web. São as cores:

white #FFFFFF	silver #C0C0C0	gray #808080	black #000000
aqua #00FFFF	teal #008080	fuchsia #FF00FF	purple #800080
blue #0000FF	navy #000080	lime #00FF00	green #008000
yellow #FFFF00	olive #808000	red #FF0000	maroon #800000

Assim, em HTML poderá utilizar qualquer uma das opções:

<font color="red">
<font color="#FF0000">

Já em CSS, as cores Web safe podem ser abreviadas: FF pode ser substituído por apenas um F, 33 por 3 e assim por diante. Portanto temos as seguintes possibilidades:

{color: lime;}
{color: #00FF00;}
{color: #0F0;}
{color: rgb (0,255,0)}

Há certas ocasiões em que é útil utilizar outras cores que não estão na paleta de cores seguras. Para determinar os valores RGB a colocar pode-se usar um programa que mostre a cor e os valores RGB, por exemplo o Paint do Windows.

 

Uma maneira rápida e fácil de efectuar o cálculo de conversão entre RGB e hexadecimal é utilizar a calculadora do Windows, para isso basta colocar a calculadora em modo "científica", colocar um valor em decimal (RGB) e clicar em "Hex", pode também aprender a fazer as contas em Sistemas de Numeração

 

Assim, a cor 128, 128, 255 em RGB corresponde a #8080FF em hexadecimal, resultando nesta cor.

Sem usar qualquer calculadora, podemos usar a seguinte tabela de conversão

Hexadecimal	>	RGB
00	>	000
33	>	051
66	>	102
99	>	153
CC	>	204
FF	>	255

 

Mesmo que alguns sites fiquem melhores com cores especiais, sempre que possível deve-se tentar utilizar cores web safe. É importante ter algum cuidado com as questões de acessibilidade. Não se esqueça também que alguns utilizadores têm necessidades especiais em que por exemplo, só conseguem ver cores em alto contraste.