A practical guide to replacing Sass color functions like lighten(), darken(), and tint() with modern CSS using color-mix() and relative color syntax.

Always Twisted

A practical guide to replacing Sass color functions with native CSS equivalents. Covers lighten(), darken(), tint(), shade(), adjust-hue(), grayscale(), saturate(), and desaturate() using color-mix() and relative color syntax (hsl(from var(--color) ...)). Includes a button component example using a single source color token, progressive enhancement with @supports fallbacks, and tips on when to use OKLCH vs OKLab for better color blending.

Un-Sass'ing My CSS: Colour Functions Without Sass

I’ve released this native CSS function lib a few months ago:
<a href="https://yaireo.github.io/css-utility-functions/" target="_blank" rel="noopener nofollow">https://yaireo.github.io/css-utility-functions/</a>
BTW, in the title you wrote “colour” (as proper English) but in the content you wrote “color”. I would love to know if that’s intentional