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

Em: CSS|Design|Internet

27 ago 2007

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

Algus 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.

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.

7 comentários para ‘Cores HTML – Você sabe por que #ffffff é a cor branca?‘

Avatar

Remo

03/09/2007 às 6:30 pm

Boa Sandro, bem educativo o post… sabendo isto, posso programar em html usando o terminal do linux e o editor de textos vi…. he he he

Avatar

Sandro Alencar Fernandes

03/09/2007 às 9:36 pm

Certamente Remo,
Desenvolvimento para Web requer um editor de texto que grave no formato ASCII e um ótimo conhecimento de HTML/XHTML, CSS, Javrscript, PHP (ou outra).
Além de ser importante uma noção da arquitetura da Web.
Bom, então, podes sim desenvolver no linux com o VI.

Avatar

Everton

10/10/2008 às 8:47 pm

quero saber o valor da cor transparente

Avatar

Sandro Alencar Fernandes

11/10/2008 às 3:21 pm

Caro Everton

Primeiramente obrigado por escrever em nosso blog.
Mais não há uma cor transparente.
Explique melhor o que você deseja fazer?

Avatar

morales

27/01/2010 às 3:58 am

ola ! estou com um problema o meu fundo do blog esta sem cor como coloca a cor nele ? nao é o fundo que todos estao acostumado trocar de imagen , como se fosse atraz das postagens ,atraz dos Layout , eles ficam sem cor no funso e da pra ver o fundo do blog ..me ajudem !!!!!!! obrigado

Avatar

Sandro Alencar Fernandes

10/02/2010 às 2:51 pm

Morales,

Obrigado por acessar nosso blog e comentar.
podes nos passar o link de seu blog para que seja possível entender melhor seu problema?

Saudações e sucesso.

Sandro Alencar Fernandes
Diretor Comercial – Área Local

Avatar

Valdei José

13/02/2010 às 7:25 pm

Caro Everton
Precisei usar um fundo transparente e apenas user o códito #
Espero ter ajudado.

Att. Valdei
http://www.web10.net.br

Deixe seu comentário

  • Tweets that mention É big.. É big.. - Blog Área Local -- Topsy.com: [...] This post was mentioned on Twitter by Área Local, Cristhian-Xthor. Cristhian-Xthor said: Para [...]
  • Máira: Muito obrigada! Sucesso para nós... que nascemos no mesmo dia né?! Daqui pra cima, sempre! [...]
  • Carlos Antonio: Fala galera! Parabéns pelos 6 anos de vida da Área Local e pelo sucesso da empresa! Grande abra [...]
  • Karina: Parabéns equipe Área Local. Sucesso! Tenho muito orgulho de vocês... [...]
  • Remo: É isso aí pessoal! Parabéns para a galera toda, vamos em frente e que venham mais e mais desafios [...]