HEX to RGBA Converter
Convert a HEX code into an rgba() value that you can make semi-transparent by editing the alpha number.
hex input
Result · 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%)
How to use: HEX to RGBA
- 1
Enter a color
Type a color code or choose a color with the picker — every field accepts the format it shows.
- 2
See it converted
The result updates instantly as you type, together with a live preview of the color.
- 3
Copy the code
Copy the value you need with one click and paste it into your design, CSS or print settings.
About HEX and RGBA
RGBA is RGB with a fourth component, alpha, which sets opacity from 0 (fully transparent) to 1 (fully opaque). A standard six-digit HEX code such as #6A5ACD carries no transparency, so the converter returns it as rgba(106, 90, 205, 1) — the same color at full opacity.
To make it see-through, change the last number: rgba(106, 90, 205, 0.5) is half transparent, and 0.15 gives a soft tint. This is the usual way to build overlays on photos, subtle shadows, hover highlights and translucent backgrounds without defining a separate lighter color. Unlike the opacity property, alpha in rgba() affects only that one color, so text inside a semi-transparent box stays crisp.
Modern CSS also accepts eight-digit HEX codes with alpha, like #6A5ACD80, but rgba() is easier to read and edit and also works in older browsers and email clients.
Everything runs locally in your browser — your images are never uploaded to a server.