HEX to RGB Converter — Free, Instant

When You Need Channels: Transparency and Alpha

A HEX color like #3B82F6 is opaque by definition. But the moment you need a tinted overlay, a disabled state, or a semi-transparent background, you need channels. Converting to rgb(59, 130, 246) unlocks alpha control—you can immediately compose rgba(59, 130, 246, 0.5) for 50% opacity. Hex gives you a single indivisible token; RGB gives you individual values you can manipulate independently. Modern CSS also supports 8-digit hex with alpha (#3B82F6CC), and every current browser understands it. The reason codebases still reach for rgba() is not compatibility—it is that a decimal alpha is far easier to read and adjust than a hex pair (is CC 70% or 80%?), and the channel-variable pattern below needs decimal channels anyway.

CSS Custom Properties and the Channel Pattern

The use that pays off most is storing the channels as bare numbers in a CSS variable. Instead of defining --brand-color: #3B82F6 and then struggling to build translucent versions, store the channels space-separated: --brand: 59 130 246. Then compose both solid and transparent at the point of use:

background: rgb(var(--brand)); /* solid */ and background: rgb(var(--brand) / 50%); /* translucent */

Note the spaces rather than commas—the slash-alpha form only works with the modern space-separated syntax, so a variable holding 59, 130, 246 will silently fail the moment you add / 50%. One variable, infinite variants. This is why designers' hex hand-offs get converted to RGB during implementation—it's not about the notation, it's about unlocking composition and reuse at scale. For the reverse conversion, see RGB to HEX. To explore perceptual color spaces, try HEX to HSL.

The Arithmetic: Decoding Hex Pairs

HEX notation uses base 16. Each pair of hex digits represents one RGB channel (0–255). For #3B82F6: the first pair 3B decodes as 3×16+11=59 (red channel), 82 becomes 8×16+2=130 (green), and F6 is 15×16+6=246 (blue). The conversion is exact—both notations describe the same sRGB color, nothing is gained or lost.

Three-digit shorthand is expanded before decoding, by doubling each digit: #3BF is read as #33BBFF, not as #3B0F00 or anything padded with zeros. This is why shorthand can only express 4,096 of the 16.7 million sRGB colors—each channel is restricted to the 16 values 00, 11, 22 … FF. A color that looks close in shorthand is rarely the exact color a designer picked.

Alpha and 8-Digit Hex Input

If you paste an 8-digit hex code like #3B82F6CC, this tool reads the RGB portion (#3B82F6) and drops the alpha digits. This is intentional: the RGB triple is the reusable part, and carrying an alpha through would make the output unusable in the channel-variable pattern above. Re-apply transparency after conversion with rgba(59, 130, 246, 0.8) or rgb(59 130 246 / 80%), which gives you full control over the alpha at the moment you need it.