文章标签

使用自定义属性、HSL 和少量 calc() 创建颜色主题

在CSS 自定义属性（我们可能在本文中称之为“变量”，因为这就是它们的本质）出现之前，在同一个网站上实现多个配色方案通常意味着要编写单独的样式表。这绝对不是最可维护的方式……

Dieter Raber 于 2021 年 6 月 26 日

color

这是一件我以前从未听说过的事情：Display-P3 支持在 CSS 颜色模块级别 4 规范中。这是一个由某些显示器支持的新颜色配置文件，它引入了我们可以选择的更广泛的颜色范围……

Robin Rendle 于 2020 年 3 月 31 日

我之前说过，HSL 是我们拥有的最佳颜色格式。我们大多数人不像 David DeSandro 那样，可以读取十六进制代码。HSL(a) 是色调、饱和度、亮度和 alpha，如果我们需要的话。

hsl(120, 100%, 40%)

色调……

Chris Coyier 于 2020 年 1 月 20 日

color

最近出现了一系列关于 **颜色** 的工具、文章和资源。请允许我在这里将它们总结起来，让您享受……

Chris Coyier 于 2019 年 12 月 27 日

对于那些可能没有设计背景的人来说，选择颜色调色板通常是基于个人喜好。选择颜色可能是通过在线颜色工具完成的，从图像中取样，从喜欢的品牌中“借用”，或者只是……

Stephanie Eckles 于 2019 年 12 月 9 日

无障碍在当今非常流行，特别是在颜色对比方面。本周我偶然发现了几个我认为非常棒的工具，可以帮助确保我们网站上的所有文本……

Robin Rendle 于 2020 年 1 月 2 日

有 *很多* 工具可以帮助您选择颜色。我完全理解！很难！当颜色运用得当的时候，它就像魔法一样。它为设计增添了一层光彩，可以真正地将它……

Chris Coyier 于 2019 年 1 月 11 日

我在构建一个图像“表情符号化” 时遇到的一个挑战是，我需要将使用 getImageData() 获得的值的颜色空间从 RGB 更改为 HSL。我使用了按亮度和饱和度排列的表情符号数组，它们是……

Jon Kantner 于 2021 年 1 月 26 日

您对颜色变量使用什么命名方案？
您是否成功编写了以与它们表示的颜色无关的方式使用颜色变量的 CSS？
我已经尝试了以下所有方法，但我还没有成功

……

Chris Coyier 于 2021 年 12 月 3 日