Hex #000000 to RGBA at 50% Opacity

#000000 with 0.5 alpha converts to rgba(0, 0, 0, 0.5), a semi-transparent black commonly used for overlays.

Embed this tool on your site

<iframe src="https://abracalc.com/converter/hex-to-rgba/000000-half-transparent-rgba/embed.html" width="340" height="320" style="border:1px solid #e4e7ec;border-radius:12px" loading="lazy"></iframe>

How to use this tool

Enter your hex color code (e.g. #3a86ff or #f0f).
Set the alpha value between 0 (invisible) and 1 (opaque).
Copy the rgba() result into your CSS.

A semi-transparent black overlay — rgba(0, 0, 0, 0.5) — is one of the most common effects in web UI design.

Frequently asked questions

What is RGBA?: RGBA is like RGB but with a fourth channel — alpha — that controls opacity. 0 is fully transparent, 1 is fully opaque.
Can I use 3-digit hex codes?: Yes. #abc is automatically expanded to #aabbcc before conversion.