Colour converter

Pick a colour or paste a code and get HEX, RGB and HSL, plus a contrast check against black and white text. Handy for design and for checking readable colours.

HEX is the RGB values written in base 16: #C9A45C is red 201, green 164, blue 92. HSL describes the same colour as a hue angle (0 to 360), a saturation and a lightness, which is easier for making a lighter or duller version of a colour.

The contrast ratio follows the WCAG formula. Body text needs at least 4.5:1 to meet level AA and 7:1 for AAA; large text needs 3:1. A colour with a high ratio against black won't have it against white, so check both.

How do I convert HEX to RGB?

Paste the code into the HEX box. RGB and HSL fill in automatically.

What contrast ratio do I need?

4.5:1 for normal text (AA), 3:1 for large text. 7:1 is the stricter AAA level.

Does it understand short HEX codes?

Yes, #FA0 is read as #FFAA00.

Everything happens in your browser. Nothing you type or add is uploaded to us or anyone else, and the tool works with no account.

Free to use. Results are for convenience: check anything important before you rely on it.