Как применить непрозрачность к цветной переменной CSS? ⇐ CSS

[Anonymous]

Я определил цветную переменную в vars.css :

Код: Выделить всё

:root {
--color: #f0f0f0;
}

Я хочу использовать этот цвет в main.css , но с применением некоторой непрозрачности:

Код: Выделить всё

#element {
background: (somehow use var(--color) at some opacity);
}
< /code>
Как бы я это сделал?

Я не использую ни одного препроцессора, только CSS. Я бы предпочел ответ All-CSS, но я приму JavaScript/jQuery.
Я не могу использовать непрозрачность 

, потому что я использую фоновое изображение, которое не должно быть прозрачным.

Подробнее здесь: https://stackoverflow.com/questions/400 ... r-variable