HEX to OKLCH Converter

Name: HEX to OKLCH Converter
Author: Earthling Digital

Convert HEX colors to OKLCH instantly. Paste a color — with or without alpha — and the conversion runs entirely in the browser.

FromTo

InputHEX

OutputOKLCH

oklch(0.541 0.247 293)

All formatsclick a row to convert from it

About HEX and OKLCH

HEX colors are six hexadecimal digits — two each for red, green and blue — usually prefixed with #. A three-digit shorthand doubles each digit, and an optional fourth pair adds alpha, so #7c3aed80 is the same purple at half opacity.

OKLCH is the perceptual color space from CSS Color 4 — lightness, chroma and hue that track how colors actually look. Equal lightness values appear equally bright, which makes it a good base for design systems and generated palettes. Every modern browser supports it.

For example, #7c3aed in HEX is oklch(0.541 0.247 293) in OKLCH. Paste any value above — conversion is instant, runs entirely in the browser, and carries alpha through when the color has one.

More color converter pages

HEX → RGB HEX → HSL RGB → HEX RGB → HSL RGB → OKLCH HSL → HEX HSL → RGB HSL → OKLCH OKLCH → HEX OKLCH → RGB OKLCH → HSL

Related tools

Shader Palette Generator

Design cosine-based color palettes for GLSL shaders and copy the function out.

Free and open source from Earthling Digital, an independent creative agency. Built with Earthling UI.