Hex to RGBA Converter
Turn a hex color and opacity into a CSS rgba() value.
Add opacity to a hex color
Hex colors are fully opaque, but design often needs a semi-transparent version — a subtle overlay, a faded border. Converting to rgba lets you set exactly that with an alpha channel.
Enter a hex and an opacity, and it returns the CSS rgba() value ready to paste. A blue at 50% opacity becomes a soft, see-through tint over whatever sits behind it.
Handy and private
The conversion runs in your browser, so nothing you enter is uploaded.
Frequently Asked Questions
What is RGBA?
RGB with an alpha channel for opacity, written as rgba(r, g, b, a) in CSS, where a runs from 0 to 1.
Why convert from hex?
Hex has no opacity by default, so to make a color semi-transparent in CSS you convert it to rgba with your chosen alpha.
Can I copy the value?
Yes. The rgba() string is shown and one click copies it.
Browse the full set of free, private, in-browser tools.