在 CSS 中使用 HSL 颜色

根据我的经验，我看到人们在 CSS 中使用的大多数颜色都是 hex 和 RGB。最近，我开始看到更多 HSL 颜色的使用，但是，我仍然认为 HSL 的全部潜力被忽视了。在本文的帮助下，我想向您展示 HSL 如何真正帮助我们更好地处理 CSS 中的颜色。

简介

通常，我们使用十六进制颜色代码（十六进制颜色），这很好，但它们有几个问题：

• 它们是限制性的；
• 他们很难通过阅读来理解。

所谓“有限”，我的意思是不打开色轮并自己选择颜色就不容易改变颜色。除此之外，通过查看十六进制代码来猜测颜色并不容易。

考虑下图：