Colour Formats

Hex to RGB

#e07a5f

Pick

Hex

Hue 13° Saturation 68% Lightness 63%

Every format

Contrast

On white 2.95 Fails AA

On black 7.12 Passes AA

Local · three bytes in base 16

A scale at this hue

fbedeaf3cabfeaa694e28369da5f3fc0462596361d6b271540170c

Takes a hex code and shows the RGB, HSL and OKLCH equivalents, along with how it performs against white and black text.

How to use the hex to rgb

1 Set your colour; use the picker, or type a hex value or a CSS colour name.

2 Switch the format if you need RGB, HSL or OKLCH rather than hex.

3 Tap any swatch to copy it, or copy the whole set at once.

A hex colour is three bytes written in base 16, one per channel, so #e07a5f is red 224, green 122, blue 95. Converting by hand means reading each pair as a hexadecimal number. Two variants are worth recognising: the three-digit shorthand where each digit is doubled, so #e75 means #ee7755, and the eight-digit form where the final pair is alpha. The shorthand only works when both digits of each pair happen to match, which is why most real colours cannot be written short.

Questions

How do I convert hex to RGB by hand? −

Read each pair of digits as a hexadecimal number. e0 is 224, 7a is 122, 5f is 95.

What does a three-digit hex code mean? +

What is the eight-digit form? +

Does case matter in a hex code? +

Why does my hex code look different in print? +

Sources

MDN, CSS color values

Was this tool any good?

Internal signal only · I use it to find the tools worth rebuilding