Something wrong with this tool?
About HEX To RGBA Converter Online
This tool converts hex color codes to RGBA notation, where the A is the alpha channel (opacity from 0 to 1). Hex codes like #FF5733 don't include transparency; rgba(255, 87, 51, 0.5) lets you specify a semi-transparent variant for overlays, gradient stops, or design tokens.
RGBA notation is essential when designing semi-transparent elements: tooltips, modal backdrops, faded chart bars, and watermarks all use varying opacity. Hex 8-digit notation (#FF5733FF) is an alternative but RGBA is more widely understood by designers.
Use it to add transparency to brand colors when designing UI states, to dim a primary color for disabled buttons, or to mix colors visually by layering transparent layers.
How to use this tool
How to convert a hex color (with optional alpha) to RGBA
Enter the hex value
Drop the hex value into the "Hex (#RGB … #RRGGBBAA)" field. Four lengths are supported: `#RGB`, `#RGBA`, `#RRGGBB`, `#RRGGBBAA` — the leading `#` is optional, case doesn't matter.
How alpha is parsed
If the hex includes alpha (4 or 8 digits) it's used; otherwise alpha defaults to 1 (fully opaque). The byte value is divided by 255 to get a 0–1 float, then trimmed to 4 decimal places.
Press Run
Output returns `r`, `g`, `b` (0–255), `a` (0–1 float), `alphaByte` (0–255), `hex` (8-digit normalised), `hexRgb` (6-digit, no alpha), and `rgbaCss` (the ready-to-paste `rgba(r, g, b, a)` string).
Use hex vs hexRgb appropriately
Use `hex` (8-digit) in CSS where 8-digit hex is supported. Use `hexRgb` when you need a legacy 6-digit hex plus a separate `opacity` or `rgba()` declaration.