Free Hex to RGB Converter (+ Guide)

What is a hex to RGB converter?

A hex to RGB converter reads a color's hex code and gives the same color as red, green and blue numbers. Web pages and design tools use hex, while code, video tools and print each prefer other formats.

This one gives RGB, HSL and CMYK at once, and tests the color with white and black text.

How to use the hex to RGB converter

You only need a hex code, or a color in mind.

3-digit codes like #0BF and 8-digit codes with transparency work too.

A worked example

Here's the example the calculator loads when you press Try an example: #6361EA, the purple in my brand.

63 in base 16 is 6 × 16 + 3 = 99, so red is 99. 61 is 97 and EA is 234, so green is 97 and blue is 234.

Contrast: will the text be readable?

The Web Content Accessibility Guidelines (WCAG) compare the brightness of 2 colors as a ratio, from 1:1 for the same color to 21:1 for black on white.

White text on #6361EA

4.74:1, which passes AA for body text. It's the better choice for buttons in this color.

Black text on #6361EA

4.43:1, which passes only for large text, 24 px or 18.66 px bold and up.

When neither passes

Pick a darker shade for white text, or a lighter tint for black text, from the row under the result.

Mistakes to avoid

These are the slips that change a color between tools.

• Treating CMYK from a screen color as print-ready (a printer's own profile decides the final color)
• Dropping the transparency pair from an 8-digit hex code
• Checking contrast by eye instead of by ratio
• Mixing up the letter O and the number 0 in a hex code

When the color is set, the design md generator writes it into a brand's design file.

Who is the hex to RGB converter for?

It's for designers, developers and creators who move colors between tools, and these tools use them.

• Design md generator – for a brand's colors and fonts in 1 file
• Post image generator – for share images in your colors
• QR code generator – for a QR code in your brand color
• Aspect ratio calculator – for the right size to put it on
• Image converter – for the file format it ends up in

Copy the format your tool wants, and check the contrast before you ship.