2.6 - Cor |
Uma cor pode ser especificada através de seu nome, ou de seu código, conforme ilustra a tabela abaixo.
 |
white | #FFFFFF | |
|
black | #000000 |
|
silver | #C0C0C0 | |
gray | #808080 | |
|
red | #FF0000 | |
maroon | #800000 | |
|
yellow | #FFFF00 | |
olive | #808000 | |
|
lime | #00FF00 | |
green | #008000 | |
|
aqua | #00FFFF | |
teal | #008080 | |
|
blue | #0000FF | |
navy | #000080 | |
|
fuchsia | #FF00FF | |
purble | #800080 |
Estude o exemplo a seguir observando a especificação da cor para o fundo da página e outra para a fonte do texto. Observe a especificação através do nome da cor e através de seu código.
Utilizar o nome da cor é humanamente mais compreensível do que utilizar o seu código. Contudo, ao utilizar o nome da cor, a escolha fica restrita aos 16 nomes de cores predefinidos na linguagem HTML (consultar tabela acima); com o uso de código, é possível escolher uma entre 16 milhões de cores (mais precisamente, 16.777.216 cores).
|
Amostra de 216 cores. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
|
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Código das cores em HTML
Para compreender o código das cores na linguagem HTML, é preciso compreender o sistema RGB.
|
sistema RGB (cor-luz) |
sistema CMY (cor-pigmento) |
|
A cor-luz é a cor observada através dos raios luminosos, é a própria luz que pode se decompor em muitas cores. Em relação à cor-luz, as cores primárias são vermelho-alaranjado, verde e azul. Em inglês, estas cores recebem as denominações Red, Green, Blue e constituem o sistema RGB. O monitor do computador trabalha com luz e utiliza este sistema de cores. |
A cor-pigmento é a cor das tintas, é o que dá cor a tudo o que é material. Em relação à cor-pigmento, as cores primárias são azul-ciano, vermelho-magenta e amarelo. Estas cores, em inglês, recebem as denominações Cyan, Magenta, Yellow e constituem o sistema CMY. Observe que no cartucho de uma impressora colorida encontram-se pigmentos destas cores primárias. |
A cor que é vista no monitor do computador é formada pela mistura das cores vermelho, verde e azul (RGB) com diferentes graus de intensidade. A linguagem HTML possibilita misturar até 256 níveis de intensidade de cada uma destas cores. No quadro abaixo, experimente misturar estas cores com diferentes níveis de intensidade (de 0 a 255) e observe o resultado.
código da cor em HTML = " # R R G G B B "
O código da cor em HTML é composto pelo símbolo "#" seguido da intensidade (entre 0 e 255) de cada uma das cores do sistema RGB. A intensidade da cor não é representada na base decimal, mas sim, na base hexadecimal (o que resulta num número de 2 dígitos).
 |
Base Hexadecimal
|
