The lch() functional notation expresses a given color in the LCH color space. It has the same L axis as lab(), but uses polar coordinates C (Chroma) and H (Hue).


lch(29.2345% 44.2 27);
lch(52.2345% 72.2 56.2);
lch(52.2345% 72.2 56.2 / .5);


Functional notation: lab(L C H [/ A])
L specifies the CIE Lightness, and is a <percentage> between 0% representing black and 100% representing white.
The second argument C is 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 230).
The third argument H is the hue angle. 0deg points along the positive "a" axis (toward purplish red), 90deg points along the positive "b" axis (toward mustard yellow), 180deg points along the negative "a" axis (toward greenish cyan), and 270deg points along the negative "b" axis (toward sky blue).
A (alpha) can be a <number> between 0 and 1, or a <percentage>, where the number 1 corresponds to 100% (full opacity).
Specification Status Comment
CSS Color Module Level 4 Working Draft Initial definition

Browser compatibility

No compatibility data found for css.types.color.lab.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

See also