如此多的颜色链接

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

最近出现了一系列关于颜色的工具、文章和资源。请允许我关闭几个标签,在这里将它们汇总起来供您欣赏。

上下文中精选的颜色

Happy Hues 在网站本身的上下文中展示了许多调色板。这是一种不错的方法,因为选择好看的颜色并不够——一切都要考虑上下文。正如Refactoring UI 博客所示,它可能会出错。

使用 JavaScript、HSL 和 CSS 变量动态生成基于日期的颜色

Rob Weychert 展示了他是如何创建基于日期的配色方案(以便过去 30 年中的每一天都有独特的配色方案,每一天看起来都与前一天略有不同)。

计算颜色:使用纯 CSS 进行动态颜色主题设计。

Una Kravets 只用 CSS 创建颜色主题。没有 JavaScript。没有 CSS 预处理。只是自定义属性、HSL 颜色和一些calc(),如 计算颜色:使用纯 CSS 进行动态颜色主题设计 中所示。

颜色工具

我们多次发布了关于颜色工具的推文。我们甚至不时地将它们串联起来

可视化每年的潘通颜色

Adam Fuhrer 采用了 20 年的顶级潘通颜色,并将它们与精美的照片相匹配。我喜欢这些照片链接到实际摄影师的个人网站。这奇怪地提醒我,您可以按颜色浏览 Dribbble

一个方便的 Sass 工具,用于创建平衡的调色板

Stephanie Eckles在博客中介绍了如何使用 Sass 对颜色进行数学运算以计算和绘制它们的亮度、饱和度和亮度,这可以为您提供一个按数字查看的视角,以了解您的配色方案是否连贯。

Leonardo

Leonardo 是一款交互式调色板工具,可帮助插值颜色并根据对比度比率生成变体。

颜色双关语

不错。