Conversor de hex para RGB

O que é um conversor de hex para RGB?

Um conversor de hex para RGB faz o caminho inverso: você entra com um código como #4093E6 e ele devolve os três números — Vermelho, Verde e Azul, cada um de 0 a 255 — que compõem essa cor no formato rgb(), usado em canvas, em bibliotecas de gráficos, em scripts e em qualquer lugar que peça os canais separados em vez do código junto.

Isso costuma ser necessário quando o hex vem pronto — de uma paleta de marca, de um design no Figma, de um valor copiado do Photoshop — mas o próximo passo exige os números individuais de cada canal, seja para animar uma cor por código, montar um gradiente ou preencher um campo que só aceita RGB. Em vez de converter dígito por dígito de base 16 para base 10 na mão, é só colar o hex aqui.

Como usar

1. Digite o código hex. Aceita 3 dígitos (#F80), 6 dígitos (#4093E6) ou 8 dígitos com opacidade (#4093E680), com ou sem o #.
2. Confira o resultado. O valor rgb() aparece em destaque junto com a amostra ao vivo da cor, e os canais Vermelho, Verde e Azul ficam listados separadamente logo abaixo.
3. Copie o que precisar. Clique no rgb() em destaque ou em qualquer um dos outros formatos, como o hsl(), para copiar direto para a área de transferência.

Como a conversão funciona

Passar de hex para RGB é só trocar a base de numeração, sem perder nada pelo caminho: cada par de dígitos hexadecimais, de 00 a FF, equivale a um número de 0 a 255, então #4093E6 e rgb(64, 147, 230) representam exatamente a mesma cor. A forma abreviada de 3 dígitos, tipo #F80, funciona duplicando cada caractere (vira #FF8800) — por isso só serve para as cores em que os dois dígitos de cada canal são iguais, cerca de 4.096 das mais de 16 milhões possíveis, e não para qualquer hex.

A única conta que arredonda é a da opacidade: um hex de 8 dígitos reserva os dois últimos caracteres para o alfa, de 00 a FF, então um valor como 0,5 de opacidade vira 80 em hex, que corresponde a 128/255, não a exatamente metade. E como hex e rgb() só descrevem o espaço sRGB, cores de gama ampla, como as do Display P3, não têm como ser escritas nesses formatos; o CSS moderno resolve isso com a notação color(display-p3 ...).

Por que é grátis?

A conversão acontece toda no seu navegador, sem enviar nada para nenhum servidor, sem pedir cadastro e sem marca d’água no resultado. O FreeToGenerate.com reúne ferramentas assim — simples, gratuitas de verdade e sem versão paga escondida atrás de um limite.