Tiny Toolkit

HEX to RGBA Converter

Convert any HEX color code to RGBA with a configurable alpha (opacity) value. Enter a 3- or 6-digit hex code and adjust the alpha slider to get the exact RGBA value you need — useful when adding transparency to a solid brand color for overlays, shadows, and backgrounds. RGB and HSL outputs are included so you have every format 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

Type Scale Generator — Modular Typography Scale

Generate a modular type scale from any base size and ratio. Choose from Perfect Fourth, Golden Ratio, and more — get px, rem, CSS variables or Tailwind config output. Free.

Font Size Converter — pt to px to rem

Convert font sizes between pt (print), px (screen), and rem. Set your root font size and see all three equivalents instantly. Includes a reference table of 17 common print sizes. Free.

Color Lightener & Darkener — Generate Tints and Shades

Generate lighter tints and darker shades of any color. See the full scale from white to black with one-click copy of HEX, RGB, or HSL values for each swatch. Free.