What is OKLCH and why we use it

OKLCH stands for Oklab + LCh — lightness, chroma, hue, in a perceptually-uniform space.

Why it matters:

• Two colors with the same L value look equally bright. HSL does not behave this way — a yellow at 50% looks much brighter than a blue at 50%.
• Tweaking H (hue) keeps L (lightness) constant — perfect for rotating a brand color while preserving accessibility.
• Interpolation in OKLCH gives clean gradients without muddy gray middles.

Every The Color Tools tool that lets you adjust a color does so in OKLCH under the hood, even if the value you type is in hex.