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.
Color | Hexa | Color | Hex | Color | Hex | Color | Hex |
---|---|---|---|---|---|---|---|
aqua | #00FFFF | green | #008000 | navy | #000080 | silver | #C0C0C0 |
black | #000000 | gray | #808080 | olive | #808000 | teal | #008080 |
blue | #0000FF | lime | #00FF00 | purple | #800080 | white | #FFFFFF |
fuchsia | #FF00FF | maroon | #800000 | red | #FF0000 | yellow | #FFFF00 |
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 |
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"
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.
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
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
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
*000 | 300 | 600 | 900 | C00 | *F00 |
*003 | 303 | 603 | 903 | C03 | *F03 |
006 | 306 | 606 | 906 | C06 | F06 |
009 | 309 | 609 | 909 | C09 | F09 |
00C | 30C | 60C | 90C | C0C | F0C |
*00F | 30F | 60F | 90F | C0F | *F0F |
030 | 330 | 630 | 930 | C30 | F30 |
033 | 333 | 633 | 933 | C33 | F33 |
036 | 336 | 636 | 936 | C36 | F36 |
039 | 339 | 639 | 939 | C39 | F39 |
03C | 33C | 63C | 93C | C3C | F3C |
03F | 33F | 63F | 93F | C3F | F3F |
060 | 360 | 660 | 960 | C60 | F60 |
063 | 363 | 663 | 963 | C63 | F63 |
066 | 366 | 666 | 966 | C66 | F66 |
069 | 369 | 669 | 969 | C69 | F69 |
06C | 36C | 66C | 96C | C6C | F6C |
06F | 36F | 66F | 96F | C6F | F6F |
090 | 390 | 690 | 990 | C90 | F90 |
093 | 393 | 693 | 993 | C93 | F93 |
096 | 396 | 696 | 996 | C96 | F96 |
099 | 399 | 699 | 999 | C99 | F99 |
09C | 39C | 69C | 99C | C9C | F9C |
09F | 39F | 69F | 99F | C9F | F9F |
0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
0CC | 3CC | 6CC | 9CC | CCC | FCC |
0CF | 3CF | 6CF | 9CF | CCF | FCF |
*0F0 | 3F0 | *6F0 | 9F0 | CF0 | *FF0 |
0F3 | *3F3 | *6F3 | 9F3 | CF3 | *FF3 |
*0F6 | *3F6 | 6F6 | 9F6 | *CF6 | *FF6 |
0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
*0FC | *3FC | 6FC | 9FC | CFC | FFC |
*0FF | *3FF | *6FF | 9FF | CFF | *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 |