AbraCalc

Conversor de Cor Hex para RGBA

Converta uma cor hex CSS (#rrggbb ou #rgb) para um valor RGBA com um canal alfa personalizado. Grátis, instantâneo.

Por · Revisado por AbraCalc Methodology Review · 2 fontes

Incorporar esta ferramenta no seu site
Citar esta ferramenta

APA

AbraCalc. (2026). Conversor de Cor Hex para RGBA [Online calculator]. Retrieved from https://abracalc.com/pt/hex-para-rgba/

BibTeX

@misc{abracalc-hex-para-rgba, author = {AbraCalc}, title = {Conversor de Cor Hex para RGBA}, year = {2026}, howpublished = {\url{https://abracalc.com/pt/hex-para-rgba/}} }

Esta ferramenta respondeu à sua pergunta?

Como usar esta ferramenta

  1. Informe seu código de cor hex (ex.: #3a86ff ou #f0f).
  2. Defina o valor alfa entre 0 (invisível) e 1 (opaco).
  3. Copie o resultado rgba() para o seu CSS.

Converta uma cor hex CSS para rgba() com um valor alfa (opacidade) personalizado. Útil quando você precisa de cores semitransparentes no CSS.

Fórmula

Given a hex color #rrggbb:

R = parseInt(rr, 16)   G = parseInt(gg, 16)   B = parseInt(bb, 16)

Alpha (a) = clamp(input, 0, 1), rounded to 2 decimal places

Result: rgba(R, G, B, a)

Short 3-digit hex #rgb is expanded to #rrggbb by doubling each digit before parsing.

Perguntas frequentes

O que é RGBA?
RGBA é como RGB mas com um quarto canal — alfa — que controla a opacidade. 0 é totalmente transparente, 1 é totalmente opaco.
Posso usar códigos hex de 3 dígitos?
Sim. #abc é automaticamente expandido para #aabbcc antes da conversão.

Referências e fontes