What is the 8-digit hex equivalent?

Append the alpha as one more hex byte. 100% is FF, 50% is 80 and 25% is 40 — so #7C3AED at 50% is #7c3aed80. Every current browser engine supports it.

Does transparency change the RGB values?

No. Alpha only changes how much of what sits behind the element shows through, so the color keeps the same hex and RGB values.

Should I use rgba() or the 8-digit hex?

Both work everywhere. Use rgba() when the alpha changes at runtime (hover states, CSS variables) and the 8-digit hex when the value is fixed — it is shorter and copies cleanly between tools.

Hex to RGBA Converter

Paste a hex code, set the opacity and copy either the rgba() function or the 8-digit hex form.

Hex codeAlpha (%)

#7c3aed

RGBA

rgba(124, 58, 237, 0.5)

Hex (8-digit)

#7c3aed80

RGB

rgb(124, 58, 237)

HSL

hsl(262, 83%, 58%)

Alpha

0.50

RGBA adds a fourth channel to RGB: alpha, the opacity of the color. A hex code carries no alpha of its own, so converting hex to RGBA means splitting the hex into three channels and pairing them with an alpha value between 0 (invisible) and 1 (fully opaque). Modern CSS also accepts alpha inside the hex itself — the 8-digit form appends two more digits, so #7C3AED at 50% becomes #7c3aed80.

Frequently asked questions

Split the hex into its three channel pairs (7C, 3A, ED), read them as 0-255 values (124, 58, 237) and add the alpha you need as a decimal: rgba(124, 58, 237, 0.5).

Good to know

Alpha 0 is fully transparent and 255 (FF) is fully opaque.
The 8-digit hex format is part of CSS Color 4 and works in all current browsers.
Use the color picker when you would rather adjust alpha visually instead of by number.

Tools that pair with Hex to RGBA Converter

Hex to RGBA Converter is one of 33 single-page tools in this workspace. These are the ones that carry the job on — the color value moves between them, so nothing gets retyped or re-uploaded.

Color PickerPick, fine-tune and copy any color in HEX, RGB or HSL.Hex to RGBBreak any hex code into its RGB and HSL values.Contrast CheckerCheck WCAG AA and AAA contrast ratios instantly.