我可以为CSS颜色变量添加alpha透明度吗？

Question

在CSS3中，我们可以创建颜色变量。像这样：

:root {
  --red: rgb(255, 0, 0);
}

并在文档的其他地方使用它。像这样：

.element1 {
  background: var(--red);
}

现在我希望.element2的颜色为--red的alpha值的80％，通常我会rgba(255, 0, 0, .8)。但现在我使用的是颜色变量--red。有没有办法calc()更新--red上的alpha值？ 因为我不想用变量填充我的CSS文件。

PS：这个问题可能看起来像How do I apply opacity to a CSS color variable?帖子，但不同，因为该问题讨论了如何为此创建另一个变量。