Conversor HEX para RGBA
Converta uma cor HEX (#RGB, #RGBA, #RRGGBB ou #RRGGBBAA) para a notação CSS rgba()/rgb(), com detalhamento completo de vermelho, verde, azul, alfa e HSLA — além de substituição opcional do alfa.
Entrada
Aceita HEX de 3, 4, 6 ou 8 dígitos, com ou sem # no início. As formas de 4 e 8 dígitos incluem um canal alfa.
Opcional. Um valor de 0 (transparente) a 1 (opaco). Substitui qualquer alfa presente no HEX.
Saída
| Propriedade | Valor |
|---|---|
| No data yet | |
Mais formas de usar esta ferramenta
API REST
curl -X POST https://api.iotools.cloud/v1/tool/hex-to-rgba-converter \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"hex": "#FF0000",
"alphaOverride": ""
}'Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.
Peça a um agente de IA
Use the IOTools `hex-to-rgba-converter` tool (HEX to RGBA Converter) on this input:
YOUR_INPUT_HERECole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.
Widget para incorporar
<iframe
src="https://iotools.cloud/embed/hex-to-rgba-converter/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Conversor HEX para RGBA — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Coloque isso na sua própria página — grátis, sem chave, só um link de volta.
| Custo por chamada de API/MCP | A partir de 5 créditos |
|---|---|
| Precisa de mais créditos? | Ver preços |
Também disponível via
Guias
Transforme qualquer código de cor HEX em notação CSS rgba() (e rgb()) em um único passo. Cole um valor hexadecimal e este conversor o divide em componentes de vermelho, verde, azul e alfa, prontos para colar diretamente em uma folha de estilo. Ele roda inteiramente no seu navegador, então suas cores nunca saem do seu computador.
Como usar
- Digite ou cole uma cor hexadecimal no campo Cor HEX.
- Leia a string
rgba()convertida ou copie-a com um clique. - Confira a tabela Valores da cor para ver os números individuais de R, G, B e alfa, além das notações
rgb()ehsla()equivalentes.
Você pode omitir o # inicial — tanto #FF0000 quanto FF0000 funcionam.
Quais formatos hex são suportados?
Todas as formas hexadecimais padrão do CSS são aceitas:
#RGB— forma abreviada de 3 dígitos. Cada dígito é duplicado, então#F00vira#FF0000→rgba(255, 0, 0, 1).#RGBA— forma abreviada de 4 dígitos com um nibble de alfa.#RRGGBB— a forma clássica de 6 dígitos.#RRGGBBAA— 8 dígitos, em que os dois últimos dígitos carregam o canal alfa.
Quando o hex não tem canal alfa, a cor é tratada como totalmente opaca (alfa 1).
Como funciona a conversão do alfa?
Em um hex de 8 dígitos, o alfa é armazenado como um byte de 00 a FF (0–255). O CSS rgba() espera um decimal de 0 a 1, então o byte é dividido por 255. Por exemplo, 80 equivale a 128, e 128 ÷ 255 = 0.502. Os valores são mantidos com três casas decimais, precisão suficiente para que cada nível de alfa de 8 bits volte exatamente ao mesmo byte — uma fonte comum de erros de "um a mais ou a menos" em conversores mais simples que arredondam para duas casas.
Posso definir uma transparência personalizada?
Sim. Use o campo opcional Substituição do alfa para forçar um valor de alfa entre 0 (totalmente transparente) e 1 (totalmente opaco). Isso é útil quando você tem uma cor de marca opaca como #336699 e quer uma versão 50% translúcida — defina a substituição como 0.5 e obtenha rgba(51, 102, 153, 0.5). A substituição substitui qualquer alfa que já esteja presente no hex.
RGB vs RGBA
Se você precisa apenas de cores sólidas, use a linha rgb() da tabela de resultados. A saída rgba() sempre inclui o canal alfa, que é o que você quer para sobreposições, sombras, estados de hover e efeitos de glassmorphism.
Meus dados são privados?
Sim. A conversão acontece localmente no seu navegador usando aritmética simples — nada é enviado a um servidor.