CSS RELATIVE COLOR SYNTAX

Summary from the TLDR newsletter

Relative color syntax is a powerful color feature from CSS Color Level 4 in Chrome 119. It creates a smooth path for color manipulation within CSS and offers ways to lighten, darken, saturate, desaturate, and more. Relative color syntax can be used to create a brand color with any color space or syntax and create half opacity variants with much less code. It makes it easy to read the intent of styles and systems. This post helps readers learn the syntax by demonstrating common color manipulations.