Hex to RGB Converter

A hex code like #2F5D8C and an RGB value are two ways of writing the exact same color. Different tools expect different formats, so converting between them is a small but frequent task in design and front end work. This tool does it instantly, and shows you a swatch so you can confirm it's actually the color you meant.

How to use it

1. Type or paste a hex code, with or without the leading hash symbol.
2. The RGB equivalent shows up right away as you type.
3. Check the swatch to confirm it matches the color you had in mind.
4. Copy the RGB value for CSS, design software, or code.
5. Shorthand codes like #2F8 work too, they get expanded automatically.

When it helps

• Converting a brand's hex color into RGB for a tool that only accepts RGB.
• Checking that a hex value from a design file matches the RGB used elsewhere in code.
• Moving colors between a CSS stylesheet and a design program with different requirements.
• Confirming a color looks right before locking it into a final design.
• Learning how hex and RGB relate to each other when you're new to web design.

Good to know

• Hex codes aren't case sensitive, so #2F5D8C and #2f5d8c are the same color.
• A shorthand code like #FFF expands to #FFFFFF, doubling each character. This tool does that automatically.
• Always check the swatch. A single mistyped character changes the color more than you'd think.
• Keep a few common hex to RGB pairs in mind, like your brand's main color, so you can sanity check values quickly during fast paced design work.
• If you're handed a color as a named CSS color like tomato instead of a hex code, look up its hex equivalent first, since this converter expects a hex code as input.

Questions