oklch() functional notation expresses a given color in the OKLCH color space. It has the same L axis as
oklab(), but uses polar coordinates C (Chroma) and H (Hue).
oklch(40.1% 0.123 21.57) oklch(59.69% 0.156 49.77) oklch(59.69% 0.156 49.77 / .5)
- Functional notation:
oklch(L C H [/ A])
Lspecifies the perceived lightness, and is a
0%representing black and
The second argument
Cis the chroma (roughly representing the "amount of color"). Its minimum useful value is 0, while its maximum is theoretically unbounded (but in practice does not exceed 0.4).
The third argument
His the hue angle.
0degpoints along the positive "a" axis (toward purplish red),
90degpoints along the positive "b" axis (toward mustard yellow),
180degpoints along the negative "a" axis (toward greenish cyan), and
270degpoints along the negative "b" axis (toward sky blue).
|CSS Color Module Level 4 |
BCD tables only load in the browser