About OKLCH and HEX

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 the best base for design systems and generated palettes. Every modern browser supports it.

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.

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