Hex to RGB / RGBA Converter

Paste a hex colour, set the alpha, and copy the rgb() / rgba() values with a live swatch. Free, no sign-up.

Try a colour

The SGBP brand red — load it to see rgb() and rgba().

#EB0028

Share this tool

X LinkedIn WhatsApp Email

Embed this tool on your website

Free to embed on any site. The snippet keeps an optional credit link (marked nofollow) — appreciated, never required.

<iframe src="https://sgbp.tech/tools/hex-to-rgba/embed" width="100%" height="420" loading="lazy"
  style="border:1px solid #e5e5e5;border-radius:12px;max-width:480px" title="Hex to RGB / RGBA Converter by SGBP"></iframe>
<p style="font:13px system-ui;color:#666">Free <a href="https://sgbp.tech/tools/hex-to-rgba" rel="nofollow">Hex to RGB / RGBA Converter</a> by <a href="https://sgbp.tech" rel="nofollow">SGBP</a></p>

When to reach for RGBA

Use rgba() whenever you need a colour at partial opacity — overlays, hover states, shadows, and frosted-glass panels. Because the alpha is separate from the colour, you can keep one brand hue and dial its transparency per use without picking a new colour each time.

Frequently asked questions

What is the difference between RGB and RGBA?

RGB sets red, green and blue channels (0–255). RGBA adds an alpha channel for opacity (0–1), so rgba(235, 0, 40, 0.5) is the same colour at 50% transparency.

How do I use this converter?

Type or paste a hex colour (3- or 6-digit, with or without the #). The tool shows the rgb() and rgba() values plus a live swatch, and the alpha slider sets the opacity.

Does it accept shorthand hex like #fff?

Yes. 3-digit shorthand (e.g. #fff) is expanded to its 6-digit form (#ffffff) automatically.

Is this tool free?

Yes — it runs in your browser, is free, and needs no sign-up.