Passe valores RGB a código HEX

Divida cada canal por 16. O quociente é o primeiro carácter do par, o resto é o segundo, e os números de 10 a 15 escrevem-se com as letras de A a F. O canal 59 dá 3 e resto 11, ou seja, o par 3B.

A fórmula: cada canal escreve-se com dois caracteres hexadecimais, e os pares colam-se pela ordem vermelho, verde, azul.

Pela mesma conta, 130 dá 82 e 246 dá F6, por isso rgb(59, 130, 246) escreve-se como #3B82F6. Um canal abaixo de 16 recebe um zero à frente para que o par tenha sempre dois caracteres, por isso o valor 10 escreve-se como 0A.

Os cinzentos têm os três canais iguais, por isso os seus códigos são feitos de três pares idênticos: 51 dá #333333 e 204 dá #CCCCCC. Um código destes encurta-se para três caracteres e o navegador volta a expandi-lo.

No sentido inverso a conta assenta no mesmo número, só que cada par se multiplica por 16 e se lhe soma o segundo carácter. Essa conversão é feita pelo conversor HEX para RGB.

O RGB descreve uma cor com três números, um para o canal vermelho, outro para o verde e outro para o azul. Cada um cabe entre 0 e 255, porque é esse o número de níveis de brilho que um canal tem na notação de cor de vinte e quatro bits. Três canais de 256 níveis dão juntos 16 777 216 cores[1].

A notação hexadecimal apresenta esses mesmos três números noutro sistema de numeração. O canal tem 256 níveis, e é precisamente isso que cabe em dois caracteres hexadecimais, por isso cada canal ocupa no código exatamente dois lugares. A cor inteira desce a seis caracteres, sem vírgulas e sem parênteses.

É essa concisão que decide onde encontra cada notação. O código HEX está nas folhas de estilos, nos campos de cor do Figma e nos manuais de marca. Os valores RGB aparecem no separador Computed do navegador, nos seletores de cor dos programas de desenho e em todo o lado onde a cor entra em contas.

A especificação CSS Color Level 4 admite quatro comprimentos de código: três, quatro, seis e oito caracteres[2]. A versão de três funciona quando os dois caracteres do par são iguais, porque o navegador a expande por repetição. As versões de quatro e de oito acrescentam a opacidade no fim.

Ambas as formas descrevem a cor no mesmo espaço sRGB, que o W3C adotou para HTML e CSS[1]. Um canal escrito como 255 e esse mesmo canal escrito como FF são exatamente o mesmo tom.

Ponha os canais nas células A1, B1 e C1 e escreva na quarta célula a fórmula ="#"&DECAHEX(A1;2)&DECAHEX(B1;2)&DECAHEX(C1;2). Para os valores 59, 130 e 246 devolve #3B82F6.

O dois em cada chamada é o argumento casas, que preenche o resultado com zeros à frente[3]. O código de cor precisa de exatamente dois caracteres por canal, e um canal com o valor 10 daria apenas A sem esse argumento.

Copiar essa célula para baixo converte a coluna inteira. Na versão inglesa do programa a função chama-se DEC2HEX e os argumentos separam-se por vírgula.