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

Question

如何将 alpha 值添加到 css 中的变量？
像这样。

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

因此，例如，如果我设置了类似 #32a6a8 的颜色作为 --color-alt & 然后我还希望应用该颜色的透明度为 50%(50% 透明度的 alpha 代码为 80 - 这就是为什么它存在 var(--color-alt) + 80 )。
该变量是必需的，因为这是一个 Angular 应用程序，它需要使用透明度为 50% 的颜色动态设置颜色值。
那么有没有办法做到这一点是原生的 css？

Answer 1

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