Conversor de HEX para RGB

Como funciona

As três notações descrevem a mesma trinca de inteiros, e a ferramenta mantém um estado canônico único — R, G, B de 0 a 255 mais um alfa — e redesenha cada visualização a partir dele. Hexadecimal são só esses bytes em base 16, então aquela conversão é empacotamento, não matemática.

Empacotamento HEX

#RRGGBB escreve cada canal vermelho, verde e azul com dois dígitos hexadecimais: 37 vira 25, então rgb(37, 99, 235) é #2563EB. A forma curta #abc equivale a #aabbcc e é aceita; a forma de 8 dígitos acrescenta o byte alfa (#2563EB80 ≈ 50 %).

RGB → HSL

Escale os canais a 0–1, pegue cmax e cmin, e então L = (cmax + cmin) / 2 e S = (cmax − cmin) / (1 − |2L − 1|), que é 0 no cinza. O matiz é o ângulo do canal máximo — se vermelho é o máximo, H = 60° × ((G − B) / Δ mod 6) — assim o matiz sobrevive a todo ajuste posterior de luminosidade.

HSL → RGB

A viagem inversa: C = (1 − |2L − 1|) × S é a croma, X = C × (1 − |(H/60 mod 2) − 1|), escolhe-se o setor da roda de cores e soma-se m = L − C/2 a cada canal. A ferramenta escreve os dois caminhos à mão — sem atalho de parsing CSS — e arredonda com consistência, então hsl → rgb → hsl volta dentro de uma unidade.

Perguntas frequentes