HEX to OKLCH Converter

HEX#2a78d6

RGBrgb(42, 120, 214)

HSLhsl(213, 68%, 50%)

OKLCHoklch(0.575 0.163 255.5)

Hue213°

Saturation68%

Lightness50%

Alpha100%

On whiteFail

4.42:1

On blackAA

4.76:1

Shades & harmonies

Tints & shades

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Pick from an image

Upload or drop an imageHover to preview a pixel, click to lock the color. Nothing is uploaded.

HEX to OKLCH converter

Enter a HEX color in the field above and its OKLCH value updates instantly, alongside HEX, RGB, HSL and OKLCH — copy any of them with one click. HEX writes a color as #RRGGBB — two hexadecimal digits each for red, green and blue, with an optional alpha pair. It's the notation most CSS and design tools default to. OKLCH is a modern, perceptually-uniform space — lightness, chroma and hue — where equal numeric steps look like equal visual steps, ideal for consistent, accessible palettes.

For example, #ff0000 in HEX is oklch(0.628 0.258 29.2) in OKLCH. Everything is computed in your browser with no upload, and you can drag the hue, saturation and lightness sliders — or use the eyedropper — to explore nearby colors.

Looking for something else? See all color tools.

HEX to OKLCH Converter — frequently asked questions

How do I convert HEX to OKLCH?

Type or paste your HEX value into the color field. The OKLCH equivalent appears immediately in the OKLCH row — click the copy icon to grab it. You can also use the color picker, the sliders, or the eyedropper.

Can I convert OKLCH back to HEX?

Yes — the tool always shows every format at once, so the HEX value is right there too. There's also a dedicated OKLCH to HEX page if you'd prefer to start from OKLCH.

Is anything uploaded to a server?

No. Every conversion runs in your browser with JavaScript — the color values never leave your device, and the tool keeps working offline once the page has loaded.

Is this really free?

Yes — no sign-up, no payment, no watermark. A single unobtrusive ad slot covers hosting.