HEX to RGB converter

How to convert HEX to RGB

To convert HEX to RGB, enter your HEX color in the box above and read the RGB value next to it. For example, #3B82F6 is rgb(59, 130, 246). The result updates as you type, and every other format (HEX, RGB, HSL, CMYK and more) is shown at the same time.

What HEX and RGB mean

A HEX color is a six-digit hexadecimal code with a # in front: two digits each for red, green and blue, from 00 to FF. In #3B82F6, red is 3B, green is 82 and blue is F6. A three-digit shorthand such as #38F repeats each digit, and eight digits add opacity at the end.

RGB describes a color as amounts of red, green and blue light, each from 0 to 255. rgb(59, 130, 246) is the same color as #3B82F6. CSS also accepts an opacity value, as in rgba(59, 130, 246, 0.5).

Convert HEX to RGB by hand

Here is the calculation for #3B82F6, step by step:

1. Split the code into three pairs: 3B, 82 and F6.
2. Convert each pair from hexadecimal to decimal (first digit × 16 + second digit): 3B = 59, 82 = 130, F6 = 246.
3. Write them as rgb(red, green, blue): rgb(59, 130, 246).

HEX to RGB table of common colors

When to use HEX and when RGB

HEX is the most compact way to write a color in CSS and design tools, so it is the code most people copy and share. RGB is the model screens use and the one CSS functions such as rgba() build on, which makes it handy when you need transparency or want to compute colors in code.

Good to know

• Shorthand HEX codes such as #38F expand to #3388FF, and eight-digit codes carry an opacity value at the end.
• Values are rounded to whole numbers for display; the converter keeps more precision internally.
• The color picker lets you pick a color by eye when you do not have its code.
• Colors displayed on screen depend on your monitor's calibration, so the same code can look slightly different on different devices.