您知道您选择的调色板会影响您网站的能耗吗?即使是更环保的颜色选择也可以减少对移动设备电池寿命的影响。在这篇文章中,Michelle Barker 分享了当今在 CSS 中处理颜色时必须牢记的不太明显的事情的建议。 网络上的颜色比我们看到的要多,而且它会变得更加有趣!今天,我们将看看在设计系统中使用颜色的最佳方式,以及在不久的将来我们对颜色的期望。 众所周知的颜色值 在 CSS 中定义颜色的方法有很多种。CSS 命名颜色是为元素着色的最简单方法之一
除非您是色彩专家,否则十六进制值很难阅读。您不太可能通过读取十六进制值来猜测元素的颜色。在构建网站时,设计师可能会给我们一个十六进制颜色值,但如果他
们要求我们将其变暗,比如调暗 20%,那么在没有视觉指南或 台湾电话号码清单 颜色的情况下,我们很难通过调整十六进制值来做到这一点选择器。 红绿蓝
RGB(红、绿、蓝)表示法是另一种书写颜色的方式,使我们能够以更易读的形式访问与十六进制值相同范围的颜色。rgb()为此,我们在 CSS 中有一个函数。网络上的颜
色是相加的,这意味着红色、绿色和蓝色的比例越高,产生的颜色就越浅。如果我们只使用红色通道,结果是红色的:
HWB 代表色相、白度和黑度。与 HSL 一样,色调可以是 0 到 360 范围内的任何值。其他两个参数控制白色或黑色混合到该色调中的程度,最高为 100%(这将导致全白或
全黑)。如果混合等量的白色和黑色,颜色会变得越来越灰。我们可以认为这类似于混合油漆。它对于创建单色调色板特别有用。