如何在原始CSS中实现SASS颜色函数

Question

SASS 具有可以在给定一些变量作为输入的情况下计算新颜色的函数。具体来说，我正在使用：

• https://sass-lang.com/documentation/modules/color/#mix
• https://sass-lang.com/documentation/modules/color/#lighten
• https://sass-lang.com/documentation/modules/color/#darken

CSS 现在也有变量和一些相关的内置功能，例如 https://developer.mozilla.org/en-US/docs/Web/CSS/filter。

我还成功地使用

lighten

实现了

darken

/

hsl(var(--my-hue), var(--my-saturation), calc(var(--my-lightness) + 10%))

。

有没有人对是否可以在纯 CSS 中实现/破解

mix

（mix 的源代码）有任何建议 - 也许还可以使用一些表示形式，如

rgba

/

hsl

和

calc

表达式？

Answer 1

我找到了这个链接https://css-tricks.com/mixing-colors-in-pure-css/，我认为这会有帮助。