如何将 alpha 值添加到 css 中的变量？

Question

如何将 alpha 值添加到 css 中的变量？

像这样。

color: var(--color-alt) + 80

因此，例如，如果我将#32a6a8 之类的颜色设置为 --color-alt 并且我还希望应用该颜色的透明度为 50%（50% 透明度的 alpha 代码为 80 - 这就是它的原因那里有var(--color-alt) + 80)。

该变量是必需的，因为这是一个有角度的应用程序，它需要使用透明度为 50% 的颜色动态设置颜色值。

那么有没有办法做到这一点是原生 css？

Answer 1

您可以使用其他颜色系统。赞这个color: rgba(var(--color), var(--alpha));