AК
https://stackoverflow.com/questions/40010597/how-do-i-apply-opacity-to-a-css-color-variable/
До сих пор не существует возможности использовать переменную, которая содержит hex цвет задав нужную прозрачность?
Я сначала пытался понять, умеет ли такое функция color() в css
https://drafts.csswg.org/css-color/#funcdef-color
Но поддерживает её только сафари, уже как 3 года, это всего 15% от всех пользователей, слишком мало.
В stylus я препроцессорной переменной мог просто докинуть еще два числа чтобы задать нужную прозрачность, например так:
$my-color = #010101
background-color: "%s80" % $my-color