Blog
Conversores de unidades

Conversor de HEX para RGB

Digite um código de cor HEX (por exemplo #3B82F6 ou a forma curta #3af) e o conversor mostra a cor como RGB: valores separados dos canais vermelho, verde e azul, uma string CSS pronta e uma amostra de cor ao vivo.

Seus dados não saem deste dispositivo

Resultado

String rgb()
Vermelho (R)
Verde (G)
Azul (B)

Esta página não tem lado servidor nenhum. A tabela colada é processada por JavaScript dentro do seu próprio navegador, o gráfico é desenhado num elemento canvas da sua máquina e o arquivo de exportação é montado localmente. Nada é enviado, armazenado ou gravado em qualquer log. Você pode desconectar a rede depois que a página carregar e tudo continuará funcionando — é a forma mais simples de verificar você mesmo.

Fatos e limites do método

Forma curta #RGB — cada dígito é duplicado (#3af → #33aaff)
Forma completa #RRGGBB — seis dígitos hexadecimais
Faixa R/G/B De 0 a 255 para cada canal
Cerquilha inicial Opcional — "3B82F6" é reconhecido igual a "#3B82F6"

Quando induz ao erro

Como é calculado

O código HEX é verificado contra o formato curto (3 dígitos) ou completo (6 dígitos), removendo uma cerquilha inicial opcional.

A forma curta é expandida para a forma completa duplicando cada dígito: "3af" vira "33aaff".

Cada par de dígitos hexadecimais é convertido em um número decimal de 0 a 255 — são os valores de vermelho, verde e azul respectivamente.

A amostra de cor é preenchida diretamente com o mesmo código HEX via CSS, então bate visualmente com o que você teria usando essa cor em um layout real.

Perguntas e respostas

Preciso de uma cerquilha antes do código HEX?

Não, o conversor reconhece o código com ou sem ela — "3B82F6" e "#3B82F6" dão o mesmo resultado.

A forma curta de 3 caracteres funciona?

Sim, "#3af" é expandido automaticamente para "#33aaff" antes do cálculo.

E a transparência (canal alfa)?

Este conversor só lida com cores opacas. Para um código HEX com canal alfa, use o conversor separado de HEX para RGBA.

Meus dados são enviados para algum lugar?

Não, todo o cálculo roda no seu navegador.

Ferramentas relacionadas

Todas as ferramentas