css - 获取 RGBA over RGB 的输出颜色

Question

我对 LESS 还很陌生，还在学习中。如何获得在基色上具有不透明度的颜色的 RBG 输出颜色？

例如:

90% 白色超过红色 = #ffbfbf(粉红色)

Answer 1

LESS 内置了 color functions来处理这个。

在您的情况下，您可以使用 darken(#fff, 10%) 获得 90% 的白色.从那里你可以使用 mix() function将其与指定权重的红色结合。

例如:

background-color: mix(darken(#fff, .1), #f00, 75%);

输出:

background-color: #ffbfbf;