CSS中最好的颜色功能？

我之前已经说过，HSL是我们拥有的最佳颜色格式。我们大多数人都不喜欢可以阅读十六进制代码的David Desandro。如果需要的话，HSL（a）是色相，饱和度，轻度和α。

 HSL（120，100％，40％）

色调不是直觉的，但这并不是那么奇怪。您从0到360的色轮上旅行。饱和度更为明显，而0％的颜色被吸收出来，例如灰度，而100％的色调则完全丰富。轻度为50％的“正常”，当您朝着100％和0％的情况下，添加白色或黑色。我敢肯定，这不是解释它的正确科学或技术方式，而是大脑逻辑。

使用HSL仍然存在问题，Brian Kardell深入解释了这一点。我远非彩色专家，但我想我看到了布莱恩（Brian）（和亚当）在这篇文章中所说的话。假设您有三种不同的颜色，它们在HSL中的轻度完全相同。这并不意味着它们实际上都是相同的轻度。这有点奇怪，尤其是当您将这种颜色形式作为颜色系统的一部分时。

好消息是，已经将颜色功能指定为CSS 4级模块，可以帮助您使用：实验室和LCH。查看亚当的示例，在该示例中，实验室中的颜色具有值，可以更准确地反映其实际发光，以了解我们的感知方式。

HSL vs Lab ::轻巧？

我们棘手的颜色民意调查中的颜色相同，但是这次我在顶部展示了实验室的相同颜色的版本。请注意，实验室的轻度价值与我们的民意调查结果有多大接近！

？颜色空间并非所有人！ https://t.co/aies0amdwy pic.twitter.com/xkeguq3kzg

- Adam Argyle（@argyleink）2019年12月3日

布莱恩：

有诸如实验室和LCH之类的颜色空间，它们涉及完整的光谱，并且具有感知统一等品质。因此，如果我们希望在实际设计系统中使用出色的颜色功能，那么每个人似乎都同意，在实验室/LCH颜色空间中获得数学的支持是理想的启示功能。

在Chrome的错误票中，Tab认为这些几乎是微不足道的。

请注意，Lab（）/lCH（）/灰色（）都可以热切地转换为我们现有的颜色基础架构；他们没有引入任何根本的新概念，它们只是指定颜色的更好方法，与我们的眼睛实际运作更加紧密相关，而不是与RGB像素的功能紧密相关。

将其转换为RGB的转换功能是一点点代码，但它只是一些指数和一些矩阵乘法，并且在规格中有充分的文献记录。

我认为，这应该是一种很好的事情。

以上是CSS中最好的颜色功能？的详细内容。更多信息请关注PHP中文网其他相关文章！