Home Importante! História Tutorial HTML Glossário Faqs Buscadores Sinapse
Fóruns ASCII Cores JavaScript CSS Links Novidades Browsers Conclusão
  T u t o r i a l   D H T M L / C S S   E d a u r e l i o
            2 0 0 -  2 0 0 4

T A B E L A   D E   C O R E S

O código RGB (Red - Greeen - Blue) informa a quantidade de luz vermelha, verde e azul que compõe a cor, respectivamente. Este valor é representado em número hexadecimal, onde os bytes que variam de 00 (ausência da cor) a FF (maior intensidade da cor), estão divididos em três grupos. Cada grupo pode variar até 256 tons da cor que ele representa. Os tons podem ser misturados com os tons de outras cores e o total de combinações possíveis é de 256 x 256 x 256 = 16.777.216. Exemplo:

#FF0000 é vermelho
#00FF00 é verde
#0000FF é azul
#000000 é preto (ausência das cores)
#FFFFFF é branco (a soma de todas elas)

A exibição correta das cores depende da capacidade do vídeo onde serão vistas. Poucos sistemas têm capacidade de mostrar mais que 65.536 cores simultâneas. Se seu browser não suporta cores em células de tabelas, você não poderá ver a amostra da cor. Além disso, as cores exibidas podem variar de sistema para sistema, dependendo de diversos fatores de software e hardware.

 

SINTAXE HTML/CSS

Além do código RGB, as cores também podem ser configuradas através dos 16 nomes padrão da paleta VGA ou no formato da folha de estilo (CSS) em valores decimais ou porcentagens, conforme o modelo abaixo:

PADRÃO FORMATO SINTAXE RESULTADO
HTML #RRGGBB <FONT COLOR=#AA77CC>TEXTO</FONT> TEXTO
HTML paleta VGA <FONT COLOR=yellow>TEXTO</FONT> TEXTO
CSS #RGB <FONT STYLE="COLOR:#A7C">TEXTO</FONT> TEXTO
CSS RGB(x,x,x) <FONT STYLE="COLOR:RGB(18,117,34)">TEXTO</FONT> TEXTO
CSS RGB(%,%,%) <FONT STYLE="COLOR:RGB(20%,70%,10%)">TEXTO</FONT> TEXTO

No formato RGB(x,x,x), cada valor de "x" não pode ultrapassar a 256 (valor decimal) e no formato RGB(%,%,%) os três valores somados não podem ultrapassar os 100%, naturalmente. Nos exemplos acima usei como referência um texto mas você pode aplicar estes formatos em tudo que exige cores, tais como background, tabelas, botões, links, etc. O quadro a seguir apresenta as 16 cores da paleta VGA suportados por todos os browsers que exibem cores, com seus respectivos códigos RGB em hexadecimal.

PALETA VGA
NOME PADRÃO CÓDIGO NOME PADRÃO CÓDIGO
  redff0000  maroon800000
  lime00ff00   green008000
  blue0000ff   navy000080
  yellowffff00   olive808000
  aqua00ffff   teal008080
  fuchsiaff00ff   purple800080
  whiteffffff   silverc0c0c0
  black000000   gray808080

Os nomes das cores a seguir são definidas pelo sistema X-Window (Unix) e reconhecidas pelo Netscape Navigator. Qualquer outro browser dever ser capaz de interpretar o código hexadecimal.

NOME CÓDIGO NOME CÓDIGO
  alicebluef0f8ff   lightseagreen20b2aa
  antiquewhitefaebd7   lightskyblue87cefa
  aquamarine7fffd4   lightslateblue778899
  azuref0ffff   lightslategray888888
  beigef5f5dc   lightsteelblueb0c4de
  bisqueffe4c4   lightyellowffffe0
  black000000   limegreen00ff00
  blanchedalmondffebcd   linenfaf0e6
  blue0000ff   magentaff00ff
  blueviolet8a2be2   maroon800000
  browna52a2a   mediumaquamarine66cdaa
  burlywooddeb887   mediumblue0000cd
  cadetblue5f9ea0   mediumorchidba55d3
  chartreuse7fff00   mediumpurple9370db
  chocolated2691e   mediumseagreen3cb371
  coralff7f50   mediumslateblue7b68ee
  cornflowerblue6495ed   mediumspringgreen00fa9a
  cornsilkfff8dc   mediumturquoise48d1cc
  cyan00ffff   mediumvioletredc71585
  darkblue00008b   midnightblue191970
  darkcyan008b8b   mintcreamf5fffa
  darkgoldenrodb8860b   mistyroseffe4e1
  darkgraya9a9a9   moccasinffe4b5
  darkgreen006400   navajowhiteffdead
  darkkhakibdb76b   navy000080
  darkmagenta8b008b   oldlacefdf5e6
  darkolivegreen556b2f   olivedrab6b8e23
  darkorangeff8c00   orangeffa500
  darkorchid9932cc   orangeredff4500
  darkred8b0000   orchidda70d6
  darksalmone9967a   palegoldenrodeee8aa
  darkseagreen8fbc8f   palegreen98fb98
  darkslateblue483d8b   paleturquoiseafeeee
  darkslategray2f4f4f   palevioletreddb7093
  darkturquoise00ced1   papayawhipffefd5
  darkviolet9400d3   peachpuffffdab9
  deeppinkff1493   perucd853f
  deepskyblue00bfff   pinkffc0cb
  dimgray696969   plumdda0dd
  dodgerblue1e90ff   powderblueb0e0e6
  firebrickb22222   purple800080
  floralwhitefffaf0   redff0000
  forestgreen228b22   rosybrownbc8f8f
  gainsborodcdcdc   royalblue4169e1
  ghostwhitef8f8ff   saddlebrown8b4513
  goldffd700   salmonfa8072
  goldenroddaa520   sandybrownf4a460
  gray7f7f7f   seagreen2e8b57
  green008000   seashellfff5ee
  greenyellowadff2f   siennaa0522d
  honeydewf0fff0   skyblue87ceeb
  hotpinkff69b4   slateblue6a5acd
  indianredcd5c5c   slategray708090
  ivoryfffff0   snowfffafa
  khakif0e68c   springgreen00ff7f
  lavendere6e6fa   steelblue4682b4
  lavenderblushfff0f5   tand2b48c
  lawngreen7cfc00   thistled8bfd8
  lemonchiffonfffacd   tomatoff6347
  lightblueadd8e6   turquoise40e0d0
  lightcoralf08080   violetee82ee
  lightgoldenrodyellowfafad2   wheatf5deb3
  lightgrayd3d3d3   whiteffffff
  lightgreen90ee90   whitesmokef5f5f5
  lightpinkffb6c1   yellowffff00
  lightsalmonffa07a   yellowgreen9acd32

 

Home Importante! História Tutorial HTML Glossário Faqs Buscadores Sinapse
Fóruns ASCII Cores JavaScript CSS Links Novidades Browsers Conclusão
© Free Copyright - edaurelio@hotmail.com - Arquivo atualizado em 22/08/04