OKLCH to HEX 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.

OKLCH to HEX converter

Enter a OKLCH color in the field above and its HEX value updates instantly, alongside HEX, RGB, HSL and OKLCH — copy any of them with one click. 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. 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.

For example, oklch(0.628 0.258 29.2) in OKLCH is #ff0000 in HEX. 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.

OKLCH to HEX Converter — frequently asked questions

How do I convert OKLCH to HEX?

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

Can I convert HEX back to OKLCH?

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

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.