Convert any colour between HEX, RGB, HSL and OKLCH simultaneously, with a live preview swatch and one-click copying of whichever format your tool expects.
Getting started
Enter a colour in any supported format, or use the colour picker.
Every other format updates simultaneously alongside a live preview.
Copy the representation you need — each has its own copy button.
Why it helps
Showing every format at once removes the round trip through a second converter.
Includes OKLCH, the perceptually uniform space modern CSS increasingly favours.
The live swatch confirms you have the colour you intended before you copy it.
In practice
Translating a HEX value from a design file into the RGB a canvas API expects.
Converting a brand palette into OKLCH for a modern CSS design system.
Adjusting a colour's lightness predictably using HSL or OKLCH.
Everything people ask most about the colour converter, answered plainly.
Keep exploring
More from Colour Tools and beyond — most people who use this one reach for these next.
