![](https://res.cloudinary.com/dnpmdb8r8/image/upload/w_250,f_auto,c_limit,q_auto,w_auto/argyleink/adoring_tbasig.png)
noteshowscss
Thinking on ways to solve relative color
In this GUI Challenge, I show you how to use CSS RCS (relative color syntax) for lightening, desaturating, opacity, grayscale and more.
oklch(from hotpink calc(l - 20) c h)
hsl(from hotpink h calc(s / 2) l)
hsl(from hotpink h s l / 50%)
hsl(from hotpink h none l)
There might be one or two RCS features you didn't know 🤓
![Avatar is shown next to a syntax breakdown visual of css relative color syntax](https://res.cloudinary.com/dnpmdb8r8/image/upload/f_auto,c_limit,q_auto,w_auto/argyleink/gui-relative-color.jpg)