27/08/2007

Cores HTML – Você sabe por que #ffffff é a cor branca?

Certamente quem desenvolve HTML/XHTML ou tem trabalhado com CSS usa com muita frequencia as cores representadas por hexadecimais.

 

Alguns certamente já se perguntaram como é formado esse código, pois bem segue a explicação.

 

É de conhecimento da maioria o sistema de cores RGB, que é a abreviação do sistema de cores aditivos R – Red (vermelho), G – Green (verde) e B – Blue (azul).

 

Assim nesse sistema uma cor é representada pela combinação de quantidades de cada cor primária. Essa quantidade pode variar de 0 a 255, assim a cor a Azul é representada por:

  • red (vermenho): 0;
  • green (verde): 0; e
  • blue (azul): 255.

 

Isto é o azul possuí intensidade 255 da cor azul e 0 de vermelho e verde. Pois bem, porém para que a representação não ficasse extensa utilizando a notação decimal, convencionou-se em utilizar a representação hexadecimal das tonalidades de cada cor.

 

eBook Redes Sociais
Aproveite e baixe nosso eBook sobre Redes Sociais:

Assim o número 0 em decimal é igual a 0 em hexadecimal já o 10 em decimal é igual ao A em hexidacimal, o 125 em decimal equivale ao 7D em hexadecimal e por fim o número 255 em decimal equivale a FF em hexadecimal.

 

Deste modo cada cor pode variar de 00 a ff na representação hexadeciamal. combinando-se a intensidade das cores do RGB temos a representação da cor.

 

Por exemplo:

 

  • Preto = #000000 – ausencia de todas as cores;
  • Branco = #ffffff – união de todas as cores;
  • Vermelho = #ff0000 – itensidade máxima de vermelho e 0 das outras cores;
  • Verde = #00ff00 – itensidade máxima de verde e 0 das outras cores;
  • Azul = #0000ff – itensidade máxima de azul e 0 das outras cores;
  • Amarelo = #ffff00 – intensidade máxima de vermelho e verde e nada da cor azul.

 

Os números hexadecimais são precedidos do caracter de sustenido, também chamado de jodo da velha (#).

 

 

Ainda é possível, em CSS, usar a representação reduzida da cor em hexadecimal, isto é quando em todas as cores o hexadecimal é representado por dois dígitos iguais para cada cor, pode-se reduzir a representação da cor para 3 dígitos apenas. Exemplo:

  • #ffffff – pode ser, #fff;
  • #ffddee – pode ser, #fde.

 

Bom, espero ter esclarecido o uso do hexadecimal na representação das cores.

 

Fiquem a vontade para comentar.