How do you manually convert a HEX color code to RGB?

Split the 6-character hex string into three pairs of two characters: `RR`, `GG`, and `BB`. Convert each base-16 pair into base-10 decimal by multiplying the first digit by 16 and adding the second digit (where A=10, B=11, C=12, D=13, E=14, F=15). For example, in `#0F766E`: `0F` = (0×16)+15 = `15`, `76` = (7×16)+6 = `118`, and `6E` = (6×16)+14 = `110`, yielding `rgb(15, 118, 110)`.

What is a 3-digit shorthand HEX code?

When each pair in a 6-digit hex code consists of two identical characters (such as `#FFAA00`), CSS allows you to write it as 3 characters (`#FA0`). Our converter automatically duplicates each character (`F`->`FF`, `A`->`AA`, `0`->`00`) before converting to RGB.

Do I have to type the # symbol?

No. You can paste `0F766E` or `#0F766E` and the converter will parse both cleanly.

How do I add transparency (alpha) to an RGB color in CSS?

Once you copy the RGB values — for example `rgb(15, 118, 110)` — you can write `rgba(15, 118, 110, 0.5)` or modern CSS `rgb(15 118 110 / 50%)` for 50% opacity.

Can I convert RGB values back into a HEX code?

Yes! Use our companion RGB to HEX Converter tool.

HEX to RGB Converter — Convert Hexadecimal Color Codes to RGB, HSL & CMYK

HEX colour

Three or six digits, with or without #.

Converted values

HEX

#0F766E

RGB

rgb(15, 118, 110)

HSL

hsl(175, 77%, 26%)

CMYK

cmyk(87%, 0%, 7%, 54%)

How to Use the HEX to RGB Converter

1
Paste or type a 6-digit or 3-digit HEX color code (with or without the leading `#` symbol) into the input box.
2
Verify the live color swatch preview to confirm it matches your intended shade.
3
Read the converted RGB, HSL, and CMYK values along with individual Red, Green, and Blue channel numbers.
4
Click Copy next to the format you need to paste it straight into your code or design app.

Practical Use Cases

Web & Mobile Developers

Converting Hex Tokens for RGBA Opacity & Canvas APIs

Turn hex colors from Figma specs into decimal R, G, B integers required by `rgba(r, g, b, alpha)`, WebGL shaders, and HTML5 Canvas drawing scripts.

Office & Presentation Creators

Using Brand Colors in PowerPoint, Word & Excel

Desktop office suites often ask for separate Red, Green, and Blue numbers (0–255) rather than a HEX code when defining custom theme colors.

Design Systems Engineers

Generating HSL & CMYK Equivalents

Quickly pull the HSL and CMYK counterparts of every primary brand hex token when documenting a multi-channel style guide.

HEX to RGB Converter Features

3-Digit & 6-Digit HEX Support

Automatically expands CSS shorthand hex codes like #0AF into full #00AAFF precision.

Live Color Swatch Preview

Renders the exact color immediately as you type or paste.

Bonus HSL & CMYK Readouts

Computes Hue/Saturation/Lightness and Cyan/Magenta/Yellow/Black alongside RGB.

Runs 100% in your browser

Nothing is uploaded to a remote server, so your data and files stay strictly on your device.

Free and unlimited

No account registration, no watermarks, and no daily usage caps.

Mobile and desktop ready

Responsive layouts and comfortable touch controls that fit phones, tablets, and desktops.

Technical Specifications & Best Practices

✓Accepts 6-digit (`#1A2B3C`) and 3-digit shorthand (`#123` -> `#112233`) codes, with or without the leading `#` character.
✓Base-16 math: the first two hex digits represent Red (`00`–`FF` = 0–255), the middle two represent Green, and the final two represent Blue.
✓To convert in the opposite direction (decimal RGB numbers back to a `#RRGGBB` hex string), use our RGB to HEX Converter.
✓100% client-side and instant with one-click copy buttons.

HEX to RGB Converter