Report

Help us improve this tool

OKLCH Converter

Convert OKLCH colors to sRGB hex, HSL, and LCH with live preview and gamut clipping warnings.

O M T

Convert OKLCH colors to sRGB, HSL, and LCH

OKLCH (OK Lightness, Chroma, Hue) is a perceptually uniform color space used in modern CSS (oklch()) and design systems. Unlike raw RGB, adjusting lightness in OKLCH keeps hue stable, which makes accessible palettes and gradients easier to build. This converter accepts an oklch(L C H) string or separate L, C, and H controls, then outputs HEX, HSL, LCH, and RGB with a live swatch.

Gamut and clipping

sRGB displays cannot show every OKLCH coordinate. When a color lies outside the sRGB gamut, the preview uses a clipped RGB approximation and the UI notes that the value was clipped.

Related tools: Hex Shorthand Converter, Kelvin to RGB, and Luminance Converter.

Frequently Asked Questions

What lightness range should I use?

Use 0 to 1 for L in the numeric fields, or percentages in the oklch() string (for example oklch(62% 0.12 250)).

Does this run offline?

Yes. Conversion uses browser-side math after the page loads. No color values are uploaded.

Is OKLCH the same as LCH?

No. OKLCH uses the OKLab color model, which improves perceptual uniformity compared to CIE LCH. The tool shows both OKLCH input and classic LCH output for comparison.