OKLCH to RGB Converter

About the OKLCH to RGB Converter

What is OKLCH to RGB conversion?

OKLCH describes color the way people perceive it — Lightness, Chroma and Hue — and it's increasingly what you'll find in modern stylesheets and design tokens. RGB is what almost everything else consumes: canvas code, JavaScript libraries, image editors, hardware LEDs, and any API that wants three 0–255 numbers. This converter turns an oklch() value into its exact rgb() equivalent, with HEX, HSL, LCH, LAB, HWB and CMYK alongside.

Each slider paints a live gradient of its own effect — drag Hue and you sweep the wheel at constant perceived brightness, which is exactly the OKLCH party trick. Values that fall outside what a screen can show are clipped to the nearest displayable RGB, the same behavior browsers apply. Everything computes locally in your browser.

How to Use This Tool

1. Enter the OKLCH values. Use the L, C and H sliders or type numbers straight from your CSS.
2. Read the RGB result. The rgb() value leads the results list and the preview swatch shows the color itself.
3. Copy what you need. Every listed format has a one-click copy button; the main button copies RGB.
4. Iterate. Adjust any slider and all formats follow instantly, including shades, tints and harmonies.

Common Use Cases

• Canvas & JavaScript: Graphics APIs want numeric RGB channels, not oklch() strings.
• Reading modern stylesheets: Decode what an oklch() token renders as when you need raw channel values.
• Cross-tool workflows: Move colors from a CSS-first design system into software that only accepts RGB.
• Verifying gamut: If two different OKLCH inputs give the same RGB, you've hit the edge of what sRGB can display.
• Accessibility checks: The WCAG panel scores the converted color as text on white and black.

Going the other way? Use the RGB to OKLCH converter, output a HEX code instead, or browse all our free color tools.

Frequently Asked Questions

How do I convert OKLCH to RGB?

Set Lightness, Chroma and Hue with the sliders or number inputs. The tool converts through the OKLab color space back to gamma-encoded sRGB and shows the exact rgb() value instantly.

What happens when the color is out of gamut?

High-chroma OKLCH combinations can describe colors no sRGB screen shows. The converter clips them to the nearest displayable RGB color, which matches how browsers render out-of-gamut oklch() in an sRGB context.

Why did my value change slightly after I moved a slider?

OKLCH, LCH and LAB can describe colors that no screen pixel can show. When a slider combination lands outside the sRGB range, the tool clips it to the nearest displayable color, so extreme chroma values may snap back once converted.

Are OKLCH and OKLab the same thing?

They describe the same color space in different coordinates: OKLab uses rectangular a and b axes, while OKLCH expresses the identical information as Chroma and a Hue angle, which is far more intuitive to edit by hand.

Is this tool free and private?

Completely. The conversion runs entirely in your browser with JavaScript, nothing you enter is uploaded or logged, and the page keeps working offline once loaded.