CSS的未来：color-mix函数

我总是喜欢深入研究网络上出现的新的和奇妙的东西，今天我要看看 color-mix 函数，在写这篇文章的时候，它还没有在任何稳定的浏览器中出现，但已经在火狐浏览器中出现了一个标志。

color-mix 的作用是什么？

color-mix 函数允许你混合颜色（谁会想到呢），这些颜色可以是命名的颜色、十六进制的颜色或任何种类的颜色，真的。这非常令人兴奋，因为它允许我们添加一些类似于 SCSS 的功能，如 lighten, darken 甚至 adjust-color 的alpha。

为什么会有色彩空间

色彩空间是另一回事。色彩空间是一种以数学方式定义一组颜色的方法。使用不同的色彩空间可以代表不同的颜色。自然，这意味着在不同的色彩空间中混合颜色会产生不同的结果。

这是Surma在谷歌工作时的一段视频，其中对色彩空间的探讨比我更详细。

实践例子

我举了一个非常快的例子，说明你可以做的一些事情。正如我之前提到的，这些代码在没有标志的情况下无法在稳定的浏览器中运行，所以我也上传了一张结果的图片。

我举了一个非常快速的例子来说明你可以做的一些事情。正如我前面提到的，这段代码中无一能在稳定的浏览器中运行而不需要标志，所以我也上传了一张结果的图片。

我所做的例子是

• 通过与黑色混合使西红柿变暗、
• 与白色混合后，茶色变浅
• 紫色通过与透明色混合变得不透明（技术上似乎是一种颜色）。
• 红色混入绿色

小结

看到像这样的小功能出现在css中，使它变得更加强大，真是太酷了，也许有一天我们根本不需要css预处理器，特别是在谈论css嵌套的时候。非常令人兴奋。