Great post! Also check out oklch.com, I found it useful for building an intuition. Some stumbling blocks are that hues aren’t the same as HSL hues, and max chroma is different depending on hue and lightness. This isn’t a bug, but a reflection of human eyes and computer screens; the alternative, as in HSL, is a consistent max but inconsistent meaning. Another very cool thing about CSS’s OKLCH is it’s a formula, so you…
While it’s more useful for a perceptual color space, relative colors are supported for all CSS color spaces e.g.
background-color: rgb(from var(--base-color) calc(r - 76.5) g calc(b + 76.5));