Conversor de HEX para RGB

O que esta página faz

Você digita um código hexadecimal de cor — por exemplo #4f46e5 ou abc — no campo de entrada e a página exibe instantaneamente os valores RGB correspondentes (três números entre 0 e 255) que os monitores usam para exibir a cor. O resultado é mostrado junto com outras representações da mesma cor (HSL, HSV, CMYK, LAB), prontas para copiar para o código ou para o software de design.

Por que converter HEX para RGB?

Códigos HEX são amplamente usados em CSS por serem compactos: seis dígitos hexadecimais substituem três números decimais entre 0 e 255. Mas, na prática, cada par de dígitos hex (RR, GG, BB) é apenas uma representação em base‑16 do mesmo valor que o RGB escreve em base‑10. A página faz exatamente esse cálculo: traduz a notação hexadecimal de cada canal para o número decimal exato que o sistema de cores aditivo (vermelho, verde, azul) espera.

Diferente de conversores genéricos de cor, esta página é especializada na direção HEX → RGB. Isso significa que ela lida com todos os casos específicos desse sentido: códigos de três dígitos (abreviação), a omissão facultativa do #, a ausência de canal alfa (códigos de oito dígitos não são aceitos) e a certeza de que não haverá arredondamento — a conversão de base‑16 para base‑10 é determinística e reversível. Nenhum outro formato é convertido para HEX aqui; o fluxo é sempre do código hexadecimal para os valores RGB inteiros.

Como funciona a conversão matemática

A lógica é simples. Um código HEX válido de seis dígitos (como #4f46e5) é decomposto em três pares:

• 4f → canal vermelho
• 46 → canal verde
• e5 → canal azul

Cada par é convertido de base‑16 para base‑10. O cálculo usa a fórmula posicional padrão: (primeiro dígito × 16) + (segundo dígito). Por exemplo:

• 4f = (4 × 16) + (15) = 64 + 15 = 79
• 46 = (4 × 16) + (6) = 64 + 6 = 70
• e5 = (14 × 16) + (5) = 224 + 5 = 229

Resultado: rgb(79, 70, 229).

Quando o código é fornecido na forma abreviada de três dígitos (por exemplo #abc), a ferramenta expande automaticamente cada dígito dobrando‑o: #abc torna‑se #aabbcc antes de aplicar a conversão. Isso é consistente com a especificação CSS, que define que #RGB equivale a #RRGGBB.

Como os valores hexadecimais são exatos, o RGB resultante é sempre um número inteiro entre 0 e 255. Não há arredondamento nem recorte de gama — o que entra é exatamente o que sai.

Regras e casos especiais aceitos

A página segue regras rígidas para garantir conversões corretas e evitar entradas inválidas.

• Formato esperado: seis dígitos hexadecimais (#RRGGBB) ou três dígitos (#RGB). O caractere # é opcional; tanto 4f46e5 quanto #4f46e5 funcionam.
• Expansão automática: #abc é expandido para #aabbcc. Isso é válido apenas para três dígitos; um código de quatro dígitos com alfa (ex.: #aabbccdd) não é interpretado.
• Erro para formato inválido: se o valor digitado não corresponder a um hexadecimal de três ou seis dígitos — seja por conter letras não hexadecimais, quantidade errada de caracteres, ou qualquer outro desvio — a ferramenta exibe a mensagem:
  “Digite uma cor hex como #4f46e5 ou #abc.” (em português, adaptado da mensagem original "Enter a hex color like #4f46e5 or #abc.")
• Atualização simultânea: ao editar o campo HEX, todos os outros campos (RGB, HSL, HSV, CMYK, LAB) são recalculados no mesmo instante. O inverso também é verdade — mudar qualquer outro campo atualiza o HEX.
• Sem envio de dados: toda conversão ocorre no navegador. Nenhum valor digitado é enviado para servidor ou armazenado.

Quem precisa dessa ferramenta

• Desenvolvedores front‑end que recebem especificações de cor em HEX (de sistemas de design ou de arquivos CSS) e precisam usar esses valores em APIs JavaScript, <canvas>, ou em estilos inline que exigem canais numéricos (color: rgb(R, G, B)).
• Designers que trabalham com guias de marca em HEX e precisam inserir as mesmas cores em softwares de design que usam controles deslizantes RGB ou campos numéricos.
• Profissionais de jogos digitais e artes visuais que precisam manipular cores matematicamente (por exemplo, interpolação entre duas cores, cálculo de brilho ou saturação) e querem a precisão de valores inteiros 0‑255.
• Estudantes que estão aprendendo como o sistema de cores hexadecimal se relaciona com o modelo aditivo RGB usado por monitores. A conversão exata ajuda a entender que #FF0000 não é só “vermelho”, mas sim o vermelho no nível máximo (255).

Tópicos relacionados para aprofundamento

Embora a página resolva uma única conversão, o conhecimento em torno dela abre várias direções úteis.

Perguntas Frequentes

1. A página aceita códigos HEX com oito dígitos (com canal alfa)?
Não. A ferramenta espera apenas códigos de seis dígitos (#RRGGBB) ou três dígitos (#RGB). Códigos de oito dígitos que incluem o canal alfa (transparência) não são processados.

2. Preciso digitar o # antes do código?
Não. O # é opcional. 4f46e5 e #4f46e5 produzem o mesmo resultado.

3. O que acontece se eu digitar um código inválido, como #gh1234?
A página exibirá a mensagem de erro: “Digite uma cor hex como #4f46e5 ou #abc.” Nenhuma conversão será feita até que a entrada seja corrigida.

4. Os valores RGB podem ser números quebrados?
Não. A conversão de base‑16 para base‑10 sempre gera números inteiros entre 0 e 255. Como os dígitos hexadecimais representam valores exatos, não há possibilidade de decimal.

5. Posso usar a página para converter no sentido contrário (RGB → HEX)?
Esta página é especializada em HEX → RGB. Para converter RGB → HEX, existe uma ferramenta irmã no site. Aqui, o campo HEX é sempre a entrada principal.

6. Os valores mostrados nos outros campos (HSL, CMYK, etc.) também são atualizados automaticamente?
Sim. Qualquer alteração no campo HEX dispara o recálculo de todos os formatos de cor disponíveis. O mesmo ocorre se você editar qualquer outro campo — todos os demais, inclusive o HEX, são atualizados.