Tiny Toolkit

HEX to RGBA Converter

Convert a HEX color code to RGBA and add an alpha transparency value. Paste any color and get HEX, RGB, RGBA, HSL, and HSLA outputs all at once.

All processing happens in your browser. No data is sent to any server.

Frequently Asked Questions

What is RGBA and how does it differ from RGB?
RGBA adds a fourth channel — alpha — to the standard RGB red, green, and blue channels. Alpha controls transparency: 0 is fully transparent, 1 is fully opaque. It is used in CSS wherever you need a semi-transparent color, such as rgba(99, 102, 241, 0.5) for 50% opacity.
How do I get the RGBA value with a specific opacity from a HEX code?
Paste your HEX code into the input. The tool outputs the RGBA value with alpha set to 1 (fully opaque). To use a different opacity, copy the rgba() value and change the last number to your desired alpha between 0 and 1.
Does this only accept HEX input?
No. You can paste any CSS color format: HEX, RGB, RGBA, HSL, HSLA, or a named color. All six output formats are shown at once — HEX, HEX with alpha, RGB, RGBA, HSL, and HSLA.
What is the 8-digit HEX with alpha?
An 8-digit HEX code appends two extra digits to the standard 6-digit code to encode the alpha channel. For example, #6366F180 represents the color #6366F1 at roughly 50% opacity. This format is supported in modern CSS and design tools.

Related Tools

Color Lightener & Darkener

Generate tints and shades of any color. Click any swatch to copy its HEX, RGB, or HSL code.

Color Code Converter

Convert colors between HEX, RGB, RGBA, HSL, HSLA, and CSS named colors instantly.

HEX to RGB Converter

New

Convert a HEX color code to RGB instantly. Paste any color value and get HEX, RGB, RGBA, HSL, and HSLA all at once — each with a one-click copy button.