Convert RGBA colors to 8-digit HEX (with alpha) and back
RGBA Input
HEX Output
Quick Presets
8-digit HEX Reference
Format
#RRGGBBAA
Last pair is the alpha channel (00–FF)
Alpha mapping
00 = transparent, 80 ≈ 50%, FF = opaque
Shorthand
#RGBA doubles each digit: #F00C = #FF0000CC
Browser support
8-digit HEX works in all modern browsers
The RGBA to HEX converter translates RGBA color values — red, green, blue and an alpha (transparency) channel — into 8-digit hexadecimal codes (#RRGGBBAA) used in modern CSS, and converts them straight back. Drag the channel sliders, fine-tune opacity with the alpha control, and watch the live checkerboard preview reveal exactly how transparent your color is. Every result comes with copy-ready HEX, rgba() and modern slash-syntax CSS output.
An 8-digit HEX code (#RRGGBBAA) extends the familiar 6-digit format with a fourth pair of characters for the alpha channel. The first three pairs set red, green and blue (00–FF each), and the final pair sets opacity — 00 is fully transparent, FF is fully opaque, and 80 is roughly 50%. It's supported in all modern browsers.
CSS rgba() uses an alpha from 0 to 1, while 8-digit HEX uses a two-character byte from 00 to FF. The tool multiplies the 0–1 alpha by 255 and converts to hexadecimal — so 0.5 becomes roughly 80, 0.85 becomes D9, and 1 becomes FF. The reverse direction divides the byte back into a 0–1 value.
Yes. The HEX → RGBA mode accepts 3-digit (#RGB), 4-digit (#RGBA), 6-digit (#RRGGBB) and 8-digit (#RRGGBBAA) codes. Shorthand digits are doubled automatically, and a 6-digit code without an alpha pair is treated as fully opaque (alpha = 1).
The checkerboard pattern behind the preview represents transparency — it's the same convention used by Photoshop and Figma. When alpha is below 1 the underlying squares show through, letting you judge the real opacity. At alpha = 1 (FF) the swatch is solid and the checkerboard is hidden.