How does Oklch convert to RGB?

Oklch is the polar form of Oklab: a = C·cos(H) and b = C·sin(H), with L unchanged. The Oklab values are converted to nonlinear LMS by an inverse matrix, cubed to linear LMS, mapped to linear sRGB by a second matrix, then gamma-encoded to sRGB and scaled to 0–255.

What is Oklab and why is it used?

Oklab is a perceptual color space designed so that equal numeric steps look like equal perceptual steps, and so that lightness, chroma, and hue change independently. That makes Oklch ideal for generating smooth gradients and consistent palettes.

What does the out-of-gamut warning mean?

Oklch can describe colors more saturated than an sRGB screen can show. When a value lies outside the sRGB gamut, the converter clamps each channel into range and warns you, because the displayed color is then only an approximation.

What is a typical chroma range?

Chroma in Oklch usually runs from 0 (grey) up to roughly 0.37 for the most saturated sRGB colors. Values much above that for a given lightness and hue will be out of gamut.

No. Every conversion runs entirely in your browser using local matrix math. Nothing is sent to a server.

Oklch to RGB Converter

The Oklch to RGB converter takes a color expressed in the perceptual Oklch space and converts it back to a standard sRGB hex code. Oklch is increasingly used in CSS because it produces smoother gradients and more uniform palettes than HSL, but you still need plain RGB or hex for many tools.

How it works

Oklch is simply Oklab written in cylindrical (polar) coordinates. The conversion proceeds in well-defined steps:

Oklch → Oklab: keep L, and set a = C · cos(H) and b = C · sin(H) with H in radians.
Oklab → nonlinear LMS: multiply by the inverse Oklab matrix M2⁻¹.
Cube each LMS component to undo the cube-root used when building Oklab, giving linear LMS.
Linear LMS → linear sRGB: multiply by the matrix M1⁻¹.
Gamma-encode each linear channel with the sRGB transfer curve and scale to 0–255.

If any channel ends up outside 0–255, the color is outside the sRGB gamut; the tool clamps it and flags the result.

Notes

L ranges 0–1, H is in degrees 0–360, and C is typically 0 to about 0.37 for the most saturated sRGB colors.
Because Oklch can reach beyond sRGB, the gamut warning tells you when the shown hex is an approximation.

All matrix math runs locally in your browser — nothing is uploaded.