Hex to RGB Converter

Paste any six-digit code into this hex to RGB converter and you get the three screen values behind it, so #C4572B becomes rgb(196, 87, 43) instantly, in a single click. It is a free tool built for designers and developers who need exact channel numbers for CSS, canvas code or a design handoff, and the sections below explain how every digit is read.

How a Hex to RGB Converter Works

A hex color code is a hex triplet: a six-digit, three-byte number written in hexadecimal (base sixteen). Each byte holds one color level from 00 to FF, which is 0 to 255 in decimal. The first byte is red, the second is green and the third is blue, which is why the same color can be written as #C4572B or as three plain numbers. The fastest way to check a BCD encoding is to paste it into the bcd to decimal converter and click Convert.

Every hex to RGB conversion follows one rule: split the code into pairs, then turn each pair into a base-10 number.

In that formula, \(d_1\) is the left digit of a pair and \(d_2\) is the right digit, with A to F standing for 10 to 15. The digit weights are what make base sixteen compact: the left digit counts sixteen times, the right digit counts once.

Reading the Left, Middle and Right Digits

The left digits of the code (the first pair) give red, the middle digits give green, and the right digits give blue. Reading a code by position is the fastest way to estimate a color before you convert it: a large first pair means a warm, red-heavy color, while a large last pair points to blue.

A Worked Example with #C4572B

Take the burnt-orange code #C4572B. Drop the leading hash, split it into C4, 57 and 2B, and apply the formula to each pair:

The result is rgb(196, 87, 43). Nothing is lost along the way, because each byte maps exactly one-to-one onto an integer from 0 to 255, so the conversion has no rounding and no loss of precision.

Hex Color Codes and Common Colors Table

Memorising a handful of hex color codes makes every other value easier to judge. This hex to RGB color table lists the basic colors you will meet most often, each with its color name and its RGB triple. The hex to hsv converter takes a hex color and works out its hue, saturation, and value in one step.

Notice the pattern: when only one pair is FF you get a pure primary, when two are FF you get a secondary like yellow, and when all three pairs match you get a shade of gray between black and white.

Checking Contrast from a Brand Hex Color Code

A frontend developer, Priya, gets a style guide that lists the button color only as #1F6F5C. Her accessibility script wants three integers, and she needs to know whether white button text clears the WCAG AA threshold of 4.5:1 for normal text. So she pastes the code into the converter and clicks the Convert button to get the RGB channels.

It splits the code into 1F, 6F and 5C and returns rgb(31, 111, 92): 31 for red, 111 for green, 92 for blue. The live preview shows a deep teal green, which matches the mockup, so she knows she typed the right pair order.

The converted channels are what her contrast script needs: its relative luminance for them is 0.124, which against white gives 6.02:1, above the 4.5:1 AA minimum, so the button text can stay white.

A second conversion settles the hover state. The design lead proposes a lighter #2E9B7F; converting it gives rgb(46, 155, 127), and the same script reports 3.44:1, which fails AA. Priya keeps the base color, asks for a darker hover shade, and converts that replacement the same way before it goes into the stylesheet.

Beyond RGB: HSL, HSV and CMYK Values

A good color converter does not stop at RGB. The same #C4572B can be described in several color models, each answering a different question about the color, and each one is a notation of the same light.

RGB to Hex Converter: Going the Other Way

The reverse trip uses an RGB to hex converter: divide each channel by 16, write the quotient and remainder as hex digits, and join the three pairs. For 196 that is 12 remainder 4, which is C4. The model is symmetrical, so hex to RGB and back always agrees.

Hex to Decimal and Palette Work

Under the hood each pair is a simple hex to decimal step, and the decimals the converter returns are what you reuse downstream. Feed them into a color palette script to derive a lighter tint, or store them as design tokens so a whole system shares one set of channel values. A color picker can hand you the original hex, and approximate matches in spaces such as OKLCH or Pantone start from the same three numbers.