hsl(46 91% 66%)
oklch(87.5% 0.143 92)
Change the hue angle of these almost identical colors, and see that a hsl()
color can drastically change its lightness, while the oklch()
color stays almost the same.
And to prove the point, here's a color palette rotating hue angles of hsl()
and oklch()
colors...
hsl()
oklch()
... and here are two CSS color gradients spanning a 180 degree hue angle.
hsl()
oklch()