RGBA to HEX Converter

rgba() and 8-digit HEX are two ways to write the same translucent color. This converter turns rgba(255, 99, 71, 0.5) into #FF634780 for CSS, into #80FF6347 for Android, .NET and Flutter (alpha first), and into the solid color it looks like on your background. Paste a whole CSS rule or a list instead, and every rgb(), rgba(), hsl() and hsla() in it is rewritten in the format you choose, with a table of each color found. In the other direction it reads 4- and 8-digit HEX codes — in either order — and gives rgba() and the modern rgb(r g b / a%) syntax.

How to use this tool

1. Choose RGBA → HEX or HEX → RGBA.
2. Enter one color, a list, or paste CSS that contains rgba() or hsla() values.
3. Pick the output: 8-digit HEX, a solid HEX over a background, or Android order.
4. Copy the converted CSS or the single codes; the checkerboard preview shows the first color.

Formula

alpha byte = round(a × 255) → 2 hex digits · #RRGGBBAA (CSS) or #AARRGGBB (Android) · solid = color × a + background × (1 − a)

a is the rgba() alpha from 0 to 1. Each RGB channel becomes two hex digits (0–255 → 00–FF). Because alpha has only 256 steps, 0.5 is stored as 128/255 = 0.502, and the solid color uses that stored value.

Example

rgba(255, 99, 71, 0.5): 255 → FF, 99 → 63, 71 → 47, and 0.5 × 255 = 127.5 → 128 → 80, so the CSS code is #FF634780 and the Android code #80FF6347. Over white it looks like the solid #FFB1A3. Pasting background: rgba(255, 99, 71, 0.5); border-color: rgb(0 0 0 / 25%); gives #FF634780 and #00000040, or #FFB1A3 and #BFBFBF as solid colors over white.