Converter HEX para RGBA
Converta um código HEX em um valor rgba() que você pode deixar semitransparente editando o número do alfa.
Entrada hex
Resultado · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Como usar: HEX para RGBA
- 1
Insira uma cor
Digite um código de cor ou escolha uma cor com o seletor: cada campo aceita o formato que exibe.
- 2
Veja a conversão
O resultado é atualizado instantaneamente enquanto você digita, junto com uma pré-visualização da cor em tempo real.
- 3
Copie o código
Copie o valor de que precisa com um clique e cole-o no seu design, no seu CSS ou nas configurações de impressão.
Sobre HEX e RGBA
RGBA é o RGB com um quarto componente, o alfa, que define a opacidade de 0 (totalmente transparente) a 1 (totalmente opaco). Um código HEX padrão de seis dígitos, como #6A5ACD, não carrega transparência, então o conversor o devolve como rgba(106, 90, 205, 1) — a mesma cor com opacidade total.
Para deixá-la translúcida, mude o último número: rgba(106, 90, 205, 0.5) é meio transparente, e 0.15 dá um tom suave. Essa é a forma habitual de criar sobreposições em fotos, sombras sutis, destaques de hover e fundos translúcidos sem definir uma cor mais clara separada. Diferente da propriedade opacity, o alfa em rgba() afeta só aquela cor, então o texto dentro de uma caixa semitransparente continua nítido.
O CSS moderno também aceita códigos HEX de oito dígitos com alfa, como #6A5ACD80, mas o rgba() é mais fácil de ler e editar e também funciona em navegadores e clientes de e-mail mais antigos.
Tudo funciona localmente no seu navegador: suas imagens nunca são enviadas para um servidor.