I've finally managed to get relative CSS colors documentation published on MDN. This was a complex beast to tackle, and I'm proud to see it out! Get started at https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors; also see the color function pages to find out what relative colors look like in each.
Using relative colors - CSS | MDN

The CSS colors module defines relative color syntax, which allows a CSS <color> value to be defined relative to another color. This is a powerful feature that enables easy creation of complements to existing colors — such as lighter, darker, saturated, semi-transparent, or inverted variants — enabling more effective color palette creation.

MDN Web Docs

@chrisdavidmills great docs! Really nicely written, thank you for the hugely valuable resource you create, even for features that don't have full support in Firefox yet! Such a valuable resource for so many people.

I noticed a small typo in "lch() they are available as h, c, and h," I assume the first letter should be 'l'.

@smilebags Thanks, I'm glad you like them.

And thanks for reporting the typo; I've fixed it like this: https://github.com/mdn/content/pull/32763

Remove typo and repetition by chrisdavidmills · Pull Request #32763 · mdn/content

Description There was a typo in the section I removed, plus it repeats the wording we gave a little way above in terms of giving examples of color functions and origin color values. Motivation Ad...

GitHub
@chrisdavidmills thanks for showing me how it was fixed! I tried submitting a change to some webkit docs and got completely ghosted... How often do the MDN docs get community contributions?

@smilebags We get absolutely loads of community contributions, and often struggle to keep up; it's the eternal open source struggle ;-)

If you submit any fixes in the future and don't get much response, feel free to ping me in the PR thread.