UtilTools

Color Converter

HEX, RGB, HSL, HWB, LAB and OKLCH in one view.

Color Converter translates a colour between HEX, RGB, HSL, HWB, CMYK, LAB and OKLCH simultaneously, with alpha support and copy-ready CSS for each. It also generates tints and shades, and names the nearest CSS colour keyword. All conversion is local arithmetic.

Loading Color Converter…

Runs entirely on your device. No file or text you enter here is uploaded. How to verify it.

How to use Color Converter

  1. Type a colour in any format, or use the picker.
  2. Read every other format, updated live.
  3. Copy the CSS you need, or grab a tint and shade scale.

Questions about Color Converter

What is OKLCH and why does it matter?
A perceptually uniform colour space now supported in CSS. Changing lightness in OKLCH changes perceived lightness by the same amount everywhere, which HSL does not — in HSL, yellow at 50% lightness looks far brighter than blue at 50%. That is why OKLCH produces much better colour scales.
Is CMYK conversion accurate for print?
Only approximately. True CMYK depends on the ink set, paper and ICC profile of the actual press. The naive conversion here is fine for a rough idea and wrong for a print job — get the values from your printer.
Does it handle alpha?
Yes, through eight-digit hex, rgb() with a slash, hsl() with alpha, and the modern space-separated CSS syntax.
Why does the same hex look different in Figma and in my browser?
The hex value is read as sRGB here, exactly as CSS reads it. A wide-gamut display, a document tagged Display P3, or a colour-managed application can render that same number differently, and a screenshot carries its own profile with it. The arithmetic is exact — the appearance depends on the profile the software applies.
Does it work on a phone?
Yes. The page behaves the same on iPhone, Android, Mac and Windows, and the colour input beside the field opens the operating system colour picker, so you can choose a colour and read every format from it. Nothing is installed and no account is needed.
Is Color Converter really free, with no limits?
Yes. There is no account, no daily cap, no file-size tier and no watermark, because there is no server cost to recover. The site is funded by clearly disclosed partner recommendations on the Partners page, never by metering the tools.
Are my files or text uploaded when I use Color Converter?
No. Everything is processed by JavaScript running in your browser, on your device. You can verify it: open your browser's developer tools, switch to the Network tab, and use the tool. You will see no request carrying your data — because there is nowhere for it to go.