HTML - Códigos de Cor

  »   HTML  »   HTML Tutorial - Hexadecimal, código de cores RGB, inserindo cores à página HTML

Há três formas diferentes de definir uma cor. A maneira mais fácil é colocar o nome em Inglês. Por exemplo: black, white, red, green and blue. Colocamos juntos os nomes das coreds que o HTML suporta.

ColorHexaColorHexColorHexColorHex
aqua#00FFFFgreen#008000navy#000080silver#C0C0C0
black#000000gray#808080olive#808000teal#008080
blue#0000FFlime#00FF00purple#800080white#FFFFFF
fuchsia#FF00FFmaroon#800000red#FF0000yellow#FFFF00

HTML - O Sistema de Cores RGB

Esse código não é recomendado, porque a Internet Explorer é o único navegador que suporta o valores de RGB em HTML.

RGB é a forma curta para: Red, Green, Blue. Todas as cores tem um valor entre 0 (que não importa) e 255 (a propriedade completa daquela cor). Colocamos juntos como escrever as cores em RGB. Se o seu navegaor não é a Internet Explorer, você não terá nenhum resultado.

bgcolor="rgb(255,255,255)"White
bgcolor="rgb(255,0,0)"Red
bgcolor="rgb(0,255,0)"Green
bgcolor="rgb(0,0,255)"Blue

HTML - O Sistema Hexadecimal de Cores

O Sistema Hexadecimal é bem difícil no primeiro momento, mas assimq ue você passar esse primeiro momento e com um pouco de prática, você o compreenderá completamente. O Sistema Hexadecimal de cores é padrão para todos os navegadores. É confiável e compativel não apenas com aplicações de web.

O Sistema Hexadecimal é a representação de seis caracteres de cor. Os dois primeiros caracteres (RR) representam o valor vermelho, os próxios dois (GG), os verdes, e os últimos dois (BB) são azuis.

htmlbgcolor="#FFFFFF"

HTML - Código de Cor - Quebrando o Código

A próxima tabela mostra, com maior precisão, como as letras são integradas no sistema hexadecimal, fazendo as possibilidades de combinação maiores.

Decimal

0123456789101112131415

Hexadecimal

0123456789ABCDEF

Desta forma as possibilidades são maiores e o sistema pode ter 16 valores.

Um exemplo de código hexadecimal pode ser:

htmlbgcolor="#FFFFFF"

A letra "F" é o valor máximo que o sistema pode ser. Quando o navegador ver esse código, ele mostra a cor branca. No caso de você querer achar o valor númerico de uma cor, nós temos a seguinte fórmula:

html(15 * 16) + (15) = 255

A fórmula é muito simples. Nós pegamos o primeiro valor de "F" ou 15 e multiplicamos por 16, e adicionamos o segundo valor 15. O resultado é 255, o valor máximo que uma cor primária pode ter.

htmlbgcolor="#CC7005"

CC(RR - Red)
(12 * 16) + (12) = 204

70(GG - Green)
(7 * 16) + (0) = 112

05(BB - Blue)
(0 * 16) + (5) = 5

Cores verdadeiras (True Colors - as cores que não mudam)

O Sistema Hexadecimal é usado para cirar páginas. É compativel com a maioria dos navegadores, assim a forma como as cores são apresentadas não irá mudar. Por garantia utilize as cores verdadeiras como:"#0011EE", "#44HHFF", ou "#117788". Esse tipo de cor não irá mudar no navegador.

Aqui há uma lista de cores verdadeiras

*000300600900C00*F00
*003303603903C03*F03
006306606906C06F06
009309609909C09F09
00C30C60C90CC0CF0C
*00F30F60F90FC0F*F0F
030330630930C30F30
033333633933C33F33
036336636936C36F36
039339639939C39F39
03C33C63C93CC3CF3C
03F33F63F93FC3FF3F
060360660960C60F60
063363663963C63F63
066366666966C66F66
069369669969C69F69
06C36C66C96CC6CF6C
06F36F66F96FC6FF6F
090390690990C90F90
093393693993C93F93
096396696996C96F96
099399699999C99F99
09C39C69C99CC9CF9C
09F39F69F99FC9FF9F
0C03C06C09C0CC0FC0
0C33C36C39C3CC3FC3
0C63C66C69C6CC6FC6
0C93C96C99C9CC9FC9
0CC3CC6CC9CCCCCFCC
0CF3CF6CF9CFCCFFCF
*0F03F0*6F09F0CF0*FF0
0F3*3F3*6F39F3CF3*FF3
*0F6*3F66F69F6*CF6*FF6
0F93F96F99F9CF9FF9
*0FC*3FC6FC9FCCFCFFC
*0FF*3FF*6FF9FFCFF*FFF

Nós recomendamos que se mantenha nessas 216 cores "seguras para a web". Mas as exibições em 8-bit eram muito mais comuns quando a paleta de 215 cores foram desenvolvidas do que são agora. De qualquer forma foi descoberto que apenas 22 das 216 cores seguras para a web são fidedignamente expostas sem um remapeamento inconsistente em exibições em computadores de 16-bit.

Nós anexamos aqui uma tabela com essas 22 cores realmente seguras:

*000*F00
*003*F03
*00F*F0F
*FF0*FF3
*CF6*FF6
*0F0*6F0
*3F3*6F3
*0F6*3F6
*0FC*3FC
*0FF*3FF
*6FF*FFF