About HEX to RGBA
This tool converts a HEX colour to RGBA — choose a colour and opacity to get the CSS rgba() value, plus rgb() and the 8-digit hex with alpha. RGBA adds a transparency channel to a colour. It runs in your browser.
How HEX to RGBA works
How to use it
- Pick a HEX colour (or type one).
- Set the opacity with the slider.
- Click any value to copy it.
How it works
The HEX is split into red, green and blue components; the opacity becomes the alpha channel (0–1). The tool outputs rgba(r, g, b, a), the plain rgb(), and the 8-digit hex (#rrggbbaa) where the last pair is the alpha.
Common uses
- Convert HEX to rgba()
- Add opacity to a colour
- Make a transparent overlay
- Get CSS rgba for a tint
- Convert to 8-digit hex
- Match a colour with alpha
- Build shadows and glows
- Use a brand colour at low opacity
Frequently asked questions
How do I convert HEX to RGBA?
Pick the colour and opacity; the rgba() value is shown.
What is the alpha value?
The opacity from 0 (transparent) to 1 (opaque).
Does it give 8-digit hex?
Yes — #rrggbbaa, where the last pair is the alpha.
Is my input uploaded?
No — it converts in your browser.
How is this different from HEX to RGB?
RGBA adds the alpha (opacity) channel.
Can I copy the value?
Yes — click any output to copy it.
Is it free?
Yes — completely free with no sign-up.