Sass：混合rgba（白色，0.5）和纯色背景

Question

需要计算字体的最终颜色。在PSD中，字体的不透明度为50%，颜色为#fff，背景颜色为#7a4eb7。相应的结果Photoshop应该是#c4b5dd。

如果背景始终相同，我想没有透明色的需要。

是否可以使用Sass？

实现

发现了一篇关于此主题的文章，但无法使其正常运行： http://thesassway.com/intermediate/mixins-for-semi-transparent-colors

Answer 1

刚刚使用文章中的第二个mixin解决了我的问题：

@mixin alpha-attribute($attribute, $color, $background) {
  $percent: alpha($color) * 100%;
  $opaque: opacify($color, 1);
  $solid-color: mix($opaque, $background, $percent);
  #{$attribute}: $solid-color;
}

然后您可以按如下方式使用它：

// Mix font color rgba($white,0.5) and solid background
.text {
    @include alpha-attribute('color', rgba($white, 0.5), $studio);
}