Converter cores HEX em RGB
HEX e RGB são duas formas de escrever a mesma cor: HEX usa um código de seis dígitos como #3366ff, enquanto RGB a expressa como três números (vermelho, verde, azul) de 0 a 255. Converter entre eles é útil quando uma ferramenta de design, arquivo CSS ou editor de imagens aceita apenas um formato.
Insira o valor da cor HEX ou mova os controles deslizantes para alterar o valor da cor
Paletas:
Como converter HEX em RGB
Um código HEX tem três pares de dígitos hexadecimais: o primeiro par é o vermelho, o segundo o verde e o terceiro o azul. Cada par vai de 00 a FF, ou seja, de 0 a 255 em decimal.
Para converter um par, multiplique o primeiro dígito por 16 e some o segundo, contando A como 10 e F como 15. Para #3366FF, isso dá 33 = 3 × 16 + 3 = 51, 66 = 6 × 16 + 6 = 102 e FF = 15 × 16 + 15 = 255, então a cor é rgb(51, 102, 255).
Códigos HEX curtos e de 8 dígitos
Um código de três dígitos é uma forma abreviada em que cada dígito é duplicado: #36F é o mesmo que #3366FF. Um código de oito dígitos como #3366FF80 acrescenta um quarto par para a transparência: 80 é 128 em decimal, cerca de 50% de opacidade, o que em CSS se escreve rgba(51, 102, 255, 0.5).
Quando usar HEX ou RGB
HEX é compacto e é o formato usado pela maioria das ferramentas de design e guias de marca. RGB é mais fácil de ler e ajustar à mão, e é o que você precisa quando um script altera um canal de cada vez ou quando adiciona transparência com rgba().