Синтаксис относительных цветов
Синтаксис CSS, позволяющий определить один цвет через другой: взять этот, разобрать на каналы, изменить один из них и собрать обратно.
Конструкция — ключевое слово from внутри любой цветовой функции, которое привязывает каналы исходного цвета к именам, с которыми можно проводить арифметику. Нужен тот же цвет с прозрачностью сорок процентов — записываете этот канал новым значением, остальные не трогаете; нужен более тёмный вариант для наведения — умножаете канал светлоты. По-настоящему применимым это делает сочетание с современными цветовыми пространствами: в OKLCH изменение светлоты действительно соответствует равномерно воспринимаемому, в отличие от того же приёма в HSL, где результат зависит от оттенка. Итог: целую тему можно вывести из одного пользовательского свойства прямо в браузере, и одной из последних причин гонять CSS через препроцессор становится меньше.