HEX to RGBA

Sobre esta ferramenta

O conversor HEX para RGBA transforma códigos de cores hexadecimais em formato RGBA com controle opcional de opacidade. Desenvolvedores web usam esta ferramenta ao adicionar transparência a cores em CSS, como para sobreposições, sombras e fundos semitransparentes.

Basta inserir um código de cor hex (3, 6 ou 8 caracteres) e a ferramenta gera instantaneamente o valor rgba() equivalente. Você também pode ajustar o valor alfa (opacidade) de 0 a 1.

Como usar

1. Insira um código de cor hex (ex.: #ff5733 ou #f53).
2. A saída RGBA é atualizada instantaneamente.
3. Ajuste o controle deslizante alfa para definir a opacidade (0 = transparente, 1 = opaco).
4. Copie o valor rgba() e cole-o no seu CSS.
5. Use o hex de 8 dígitos (#RRGGBBAA) para codificação direta do alfa.

Casos de uso

Útil para sobreposições CSS, cores de box-shadow, elementos de UI semitransparentes e sempre que você precisar adicionar opacidade a uma cor hex específica.

Perguntas frequentes

• O que é RGBA? — RGBA é um formato de cor CSS: Red, Green, Blue e Alpha (opacidade). O canal alfa varia de 0 (totalmente transparente) a 1 (totalmente opaco).
• Posso converter um hex de 3 dígitos? — Sim. #abc é automaticamente expandido para #aabbcc antes da conversão.
• O que significa o hex de 8 dígitos? — Um hex de 8 dígitos como #FF5733AA inclui um canal alfa nos dois últimos dígitos, que também é mapeado diretamente para RGBA.
• Posso colar um nome de cor CSS? — Não, apenas códigos hexadecimais são suportados. Use um seletor de cores para converter primeiro um nome de cor em hex.