OKLCH Converter
Convert OKLCH colors to sRGB hex, HSL, and LCH with live preview and gamut clipping warnings.
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.
Related Tools
Recent Visits
Finance Calc Kit
Comprehensive browser-based calculators on Finance Calc Kit for mortgage payments, amortization schedules, ren...
Explore Finance Calc Kit