是否可以将不透明度指定给SCSS十六进制颜色变量，并重新使用该变量

Question

我有一系列scs变量，表示整个应用程序中重复使用的颜色，如下所示：

$first-color: #00755E

我也有和第一种颜色相同的颜色，但它是带不透明度的十六进制值。这里的这个是$first颜色，不透明度为0.05。

$first-with-opacity: #F2F8F7

我想做的是在$first with opacity变量中重新使用$first颜色变量，这样，如果这个$first的颜色发生变化，我就不必也用opacity更改$first来匹配具有相同不透明度的新颜色。

由于应用程序中的限制，我不能在这种和其他情况下使用rgba值。我想知道的是，我是否可以在不使用rgba的情况下重新使用该变量($first color(并为其附加不透明度值？

需要明确的是，以下内容不起作用：

$first-with-opacity: rgba($color: $first-color, alpha: 0.05) //this solution will not work in this scenario

Answer 1

给你。。。

错误：

$first-with-opacity: rgba($color: $first-color, alpha: 0.05);

更正：

$first-with-opacity: rgba($first-color, 0.05);