Hex to RGB Converter

Convert a hex color to RGB

A hex color code is a compact way to write a color as a six-digit hexadecimal string, like #3B82F6. RGB describes the same color as three decimal numbers — the amount of red, green, and blue light from 0 to 255. Converting from hex to RGB is useful whenever you need the rgb() or rgba() form in CSS, for example to add an alpha channel for transparency.

Enter or pick a color and the converter instantly shows its RGB values alongside HEX, HSL, and other formats, each ready to copy into your stylesheet.

How the hex-to-RGB math works

A hex color is just three pairs of hexadecimal digits, one pair per channel, in the order red, green, blue. Hexadecimal is base-16, so each pair represents a number from 00 to FF — that is 0 to 255 in decimal. To convert a pair, multiply the first digit by 16 and add the second:

• #3B82F6 splits into 3B, 82, F6.
• Red: 3B = (3 × 16) + 11 = 59.
• Green: 82 = (8 × 16) + 2 = 130.
• Blue: F6 = (15 × 16) + 6 = 246.

So #3B82F6 becomes rgb(59, 130, 246). The letters A–F stand for 10–15. Shorthand three-digit hex like #39F is expanded by doubling each digit (#3399FF) before converting.

When to use RGB instead of hex

Hex and RGB describe identical colors, so the choice is about convenience. RGB shines when you want an alpha channel: rgba(59, 130, 246, 0.5) gives a 50% transparent blue, something plain six-digit hex cannot express. RGB values are also easier to manipulate in JavaScript, since each channel is already a number you can add to or interpolate between — handy for animations, gradients, and generated themes.

Working with RGB in CSS

Drop the converted value straight into any color property: color: rgb(59, 130, 246); or background: rgba(59, 130, 246, 0.5);. Modern CSS also accepts a space-separated syntax, rgb(59 130 246 / 50%), which behaves the same way. Keep your most-used colors as CSS custom properties so you only convert each one once.

Hex and RGB are two views of one color

It helps to remember that converting between hex and RGB never changes the color itself — both notations point at the exact same red, green, and blue intensities, just written differently. That means you can move back and forth freely: author in whichever format is convenient, then convert to the other when a tool, teammate, or API expects it. Because the round trip is lossless, #3B82F6 and rgb(59, 130, 246) will always render as the identical shade of blue.