HEX to RGB Converter
Convert a HEX color to RGB and HSL with a live preview.
How to use the HEX to RGB Converter
- Enter a hex color like #137256.
- Copy the RGB or HSL value you need.
About the HEX to RGB Converter
HEX and RGB are the same colour written two ways. RGB gives each channel — red, green, blue — a value from 0 to 255; HEX writes those same numbers in base 16, two digits per channel. That is why #137256 and rgb(19, 114, 86) are identical: hex 13 is 19, 72 is 114, 56 is 86. The shorthand #abc is just #aabbcc with each digit doubled. Both are additive — they describe light a screen emits, unlike CMYK ink on paper, where adding pigment takes light away.
HSL is the one worth understanding. It rebuilds the same colour as hue (an angle on the colour wheel), saturation and lightness, so the numbers mean something. Want a hover state? Pull the lightness down and the hue stays put. Building a palette? Hold the hue and vary S and L — or let the shades generator do it. In RGB you would be guessing at three coupled numbers at once. That is the real reason designers convert.
Paste a hex code — # optional, three digits or six — and get HEX, RGB and HSL with a live swatch as you type. It reads rgb() too, and accepts rgba() but drops the alpha. Eight-digit hex and named colours are not parsed. It all runs in your browser. Check readability with the contrast checker.
Frequently asked questions
Does it support 3-digit hex?
Yes. Short hex like #abc is expanded to #aabbcc by doubling each digit, and the # itself is optional.
Why is #137256 the same as rgb(19, 114, 86)?
Because hex is just base 16. Each pair of hex digits is one channel: 13 in hex is 19 in decimal, 72 is 114, and 56 is 86. Same colour, different notation.
What is HSL and why would I use it?
Hue, saturation and lightness. It separates which colour something is from how vivid and how bright it is, so you can build a tint, a shade or a hover state by nudging one number instead of guessing three new RGB values.
Can I enter a colour with transparency?
You can paste an rgba() value, but the alpha is ignored — only the colour channels are converted. Eight-digit hex codes with alpha are not accepted.
Are named colours like tomato or rebeccapurple supported?
No. This tool reads hex in three or six digits and rgb() or rgba() values only.