RGBA to Hex Converter
Convert rgba() colors with transparency to 8-digit hex codes (#RRGGBBAA), and back. Also outputs Android ARGB and HSLA formats. All conversions happen in your browser.
Current Color
#FF573380
Color Values
#FF573380#FF5733rgba(255, 87, 51, 0.5)#80FF5733hsla(11, 100%, 60%, 0.5)RGBA to Hex Formula
An RGBA color becomes an 8-digit hex code by converting each channel to hexadecimal, including the alpha channel scaled to 0-255:
- Convert R, G, and B (0-255) to two-digit hex pairs, exactly like a normal hex code.
- Multiply the alpha value (0-1) by 255 and round to a whole number.
- Convert the alpha number to a two-digit hex pair.
- Concatenate as #RRGGBBAA. For Android ARGB, place the alpha pair first: #AARRGGBB.
Example: convert rgba(255, 87, 51, 0.5) to hex
R = 255 → FF, G = 87 → 57, B = 51 → 33
A = 0.5 × 255 = 128 → 80
CSS 8-digit hex: #FF573380
Android ARGB: #80FF5733
How to Use the RGBA to Hex Converter
Paste an rgba() value like rgba(255, 87, 51, 0.5), an 8-digit hex code, or a plain hex color, then fine-tune transparency with the alpha slider. The tool outputs the CSS 8-digit hex, the hex without alpha, the rgba() string, the Android ARGB code, and the HSLA equivalent - each with a copy button. The checkered preview shows the real transparency.
Understanding Hex Alpha Notation
Standard 6-digit hex codes have no way to express transparency, which is why rgba() existed long before hex alpha. CSS Color Level 4 added 8-digit hex, where the final two digits encode opacity from 00 to FF. Because the scale is 0-255 rather than 0-100, common opacities map to non-obvious pairs: 80% is CC, 50% is 80, 25% is 40, and 10% is 1A.
Common Use Cases
Converting overlay and shadow colors from design tools that export rgba() into compact hex tokens, translating web colors into Android ARGB resources, building design token files that standardize on 8-digit hex, and debugging why a pasted #AARRGGBB value renders wrong in CSS.
Frequently Asked Questions about RGBA to Hex Converter
An 8-digit hex code appends two extra digits for alpha: #RRGGBBAA. The alpha pair ranges from 00 (fully transparent) to FF (fully opaque). For example, 50% opacity is 80, so rgba(255, 87, 51, 0.5) becomes #FF573380.
Yes. #RRGGBBAA and the short #RGBA form are part of CSS Color Module Level 4 and work in all modern browsers. If you need to support very old browsers, use rgba() instead.
ARGB places the alpha pair first: #AARRGGBB. Android XML resources and several design tools use this ordering, so the same color has a different digit order than CSS. This converter shows both so you can copy the right one.
Multiply the alpha value by 255 and convert to hexadecimal. For 0.5 opacity: 0.5 × 255 ≈ 128, which is 80 in hex. For 0.2: 0.2 × 255 = 51, which is 33 in hex.
Keep the color moving
Useful next steps
Your latest color stays in the local workspace when the next tool uses it.
Hex to RGB Converter
Convert hex color codes to RGB values instantly
RGB to Hex Converter
Convert RGB and alpha to Hex, CSS formats, color spaces, code, and states
Color Converter
Convert one color into implementation-ready screen and print-reference formats
CSS Gradient Generator
Generate CSS gradients with a visual editor