css - 我可以将 alpha 透明度添加到 CSS 颜色变量吗？

Question

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

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

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

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

现在我希望.element2的颜色是 alpha 值的 80% --red，通常我会这样做rgba(255, 0, 0, .8)。但现在我正在使用颜色变量--red。有什么方法可以calc()计算 alpha 值--red吗？因为我不想用变量填充我的 CSS 文件。

PS：这个问题可能看起来像如何将不透明度应用于 CSS 颜色变量？发布，但有所不同，因为该问题讨论了如何为其创建另一个变量。