AbraCalc

Hex to RGBA Color Converter

Convert a CSS hex color (#rrggbb or #rgb) to an RGBA value with a custom alpha channel. Free, instant.

Embed this tool on your site

How to use this tool

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

Convert a CSS hex color to rgba() with a custom alpha (opacity) value. Useful when you need semi-transparent colors in CSS.

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.

References & sources