Conforme a documentação da W3C
sobre unidades de cores, os valores numéricos RGB
são representandos por notação hexadecimal, precedido do caractere #
.
Eles podem conter 3
ou 6
dígitos, sendo representados da seguinte maneira:
EM { color: #f00 } /* #rgb */
EM { color: #ff0000 } /* #rrggbb */
O que acontece quando se usa apenas três dígitos, é a replicação deles na fórmula rrggbb
, sendo assim, o valor #fb0
tem seus caracteres replicados e expandidos para #ffbb00
.
OBS: Há quem pense que o valor de três dígitos são preenchido com zeros para completar o valor hexadecimal
de seis dígitos, e isto é um grande equívoco!
@edit
Como eu traduziria essa cor hexadecimal de 3 dígitos para o de 6 dígitos?
Conforme explicado anteriormente, basta replicar os caracteres, por exemplo: fb0
torna-se: ff
, bb
e 00
respectivamente, formando o código: ffbb00
.
Tem alguma fórmula para transformar hexadecimal de cor de 3 para 6?
Não há nenhuma fórmula específica para esse "esquema", o próprio navegador se encarrega da replicação, mas se for para um caso de uso específico, você pode implementar a replicação da maneira que desejar.