Blog
Conversores de unidades

Conversor de HEX para RGBA

Digite um código de cor HEX — simples (#3B82F6) ou com canal alfa (#3B82F6CC) — e, se precisar, um valor de transparência separado de 0 a 1. O conversor monta uma string RGBA pronta, com uma amostra sobre um fundo quadriculado.

Seus dados não saem deste dispositivo

Se você digitar um HEX de 8 dígitos (ex.: #3B82F6CC), este campo é ignorado — a transparência vem dos dois últimos dígitos do HEX.

Resultado

String rgba()
Vermelho (R)
Verde (G)
Azul (B)
Transparência (A)

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

HEX de 6 dígitos Uma cor opaca — a transparência vem do campo separado
HEX de 8 dígitos Os dois últimos dígitos são o canal alfa em hexadecimal (00–FF)
Faixa de transparência De 0 (totalmente transparente) a 1 (totalmente opaco)
Amostra de cor Mostrada sobre um fundo quadriculado para que a transparência fique visível

Quando induz ao erro

Como é calculado

Se o código HEX tem 8 dígitos, os dois últimos são interpretados como o canal alfa: convertidos de um número hexadecimal (0–255) para uma fração de 0 a 1 dividindo por 255.

Se o código HEX tem 3 ou 6 dígitos (sem canal alfa), a transparência é tirada do campo de entrada separado, ajustada à faixa 0–1.

Os seis dígitos restantes são analisados da mesma forma que no conversor de HEX para RGB — um par para cada canal vermelho, verde, azul.

A string rgba() final é montada com quatro valores: três números inteiros R/G/B e um valor de transparência fracionário arredondado para duas casas decimais.

Perguntas e respostas

O que é um HEX de 8 dígitos?

Um código HEX comum de 6 dígitos com dois dígitos extras de canal alfa no final — por exemplo, #3B82F6CC, onde "CC" define a transparência.

Como defino a transparência com um HEX comum de 6 dígitos?

Digite o valor que quiser de 0 a 1 no campo separado "Transparência" — ele só é usado quando o código HEX não tem canal alfa próprio.

Por que a amostra aparece sobre um fundo quadriculado?

É a forma padrão como ferramentas de design mostram transparência — o padrão quadriculado aparece através de uma cor semitransparente em vez de um fundo branco liso.

Meus dados são enviados para algum lugar?

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

Ferramentas relacionadas

Todas as ferramentas