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.

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) —

Todos os cálculos são feitos localmente no seu navegador: análise, gráfico, exportação. Se você desconectar a rede, a página continua funcionando.

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