HEX to RGB Converter

Developer

Why Use the HEX to RGB Converter?

Type any 3, 6 or 8 digit code into this hex to rgb converter and it returns the matching rgb() and rgba() values, the separate red, green and blue numbers, and the math behind them. Each hex pair is broken down step by step, so you can see that 63 means 6 × 16 + 3 = 99 instead of simply trusting a result. Developers get paste-ready CSS, while students and designers learning color codes finally see how hexadecimal maps to decimal.

How to Use the HEX to RGB Converter

1. Type or paste a HEX code into the input. Shorthand such as #F60, full codes such as #1E90FF and 8-digit codes with transparency such as #1E90FF80 all work.
2. Read the rgb() result for standard CSS, or the rgba() line when you need an alpha channel; alpha comes from the last two digits of an 8-digit code and is 1 otherwise.
3. Follow the step-by-step breakdown to see each pair converted to decimal, for example 1E = 1 × 16 + 14 = 30.
4. Copy the rgb() or rgba() value, or the individual R, G and B numbers, whichever your code, design tool or spreadsheet expects.

Best For

• Converting HEX brand colors into rgba() so you can add transparency to overlays, shadows and tinted backgrounds.
• Entering separate R, G and B numbers into software that asks for each channel individually, such as LED controllers or game engines.
• Learning or teaching hexadecimal by checking answers against the worked breakdown for each pair.
• Decoding 8-digit HEX values exported from design tools to find out what opacity they actually contain.

Pro Tip

Memorizing a few anchor pairs makes HEX readable at a glance: 00 is 0, 33 is 51, 66 is 102, 80 is 128, 99 is 153, CC is 204 and FF is 255. With those in mind you can tell that #CC3333 is a medium-strength red without converting anything. When you need transparency in modern CSS, you can also write the channels as rgb(204 51 51 / 50%), the space-separated syntax that all current browsers support.