Re: 令人愉悦的调色板

Avatar of Chris Coyier
Chris Coyier

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

如此之多 工具可以帮助您选择颜色。我完全理解!这很难!当颜色搭配得当,就像魔法一样。它为设计增添了一层光彩,使其脱颖而出。

让我们看看一些工具,然后更详细地讨论这个想法。

这里有一个我刚看到的叫做 Color Koala

它会向您吐出五种颜色,然后您就可以开始工作了。

Hue 也会为您提供一些颜色。

还有无数其他的工具,它们在方法和功能上当然会有所不同。这里有一些:

然后还有一些专注于渐变的工具,比如 UI GradientsWeb GradientsShapy.

哦!还有 一个网站 可以帮助您选择文本颜色,同时考虑到无障碍性。

甚至还有像 SipColorSnapperFrank DeLoupe 这样的原生应用程序,可以帮助您选择颜色,有时甚至可以在应用程序中直接保存调色板。

颜色可以通过编程生成。

没有原生的 JavaScript API 可以实现这一点,但它基本上只有一行代码。

查看 CodePen 上 Chris Coyier (@chriscoyier) 的 使用 JavaScript 生成新的随机十六进制颜色 示例。

令人愉悦的颜色也可以通过编程生成。

生成随机颜色并不能保证令人愉悦的调色板,尤其是在将一堆随机颜色组合在一起时。 PleaseJS 可以帮助构建相互协调的配色方案。您只需要提供一个基础颜色和其他选项(例如配色方案类型),它就会为您吐出颜色。

查看 CodePen 上 Chris Coyier (@chriscoyier) 的 生成令人愉悦的颜色 示例。

类似地,randomColor.js

默认情况下生成吸引人的颜色。更准确地说,randomColor 生成具有相当高饱和度的鲜艳颜色。这使得 randomColor 非常适用于数据可视化和生成艺术。

除了传入基础色调或亮度之外,它不会声称将多种颜色组合成一个连贯的主题。

查看 CodePen 上 Chris Coyier (@chriscoyier) 的 生成令人愉悦的颜色 示例。

但是,仅仅被赋予颜色就意味着…

…它们不会告诉你如何使用它们。Steve Schoger 在 一篇博客文章 中幽默地指出了这一点。这是一个非常可爱的调色板。

但是,如果您只是选择这些颜色并将它们放到设计中,最终可能会得到这样的结果。

您可能喜欢它,但您可能是少数。它不是一个精致的设计,不会喧宾夺主,也不适合每天使用。颜色的使用比在设计中随意放置五种漂亮颜色要复杂一些。它是这些颜色的变化以及以优雅的方式使用它们,例如这样。

购买 Steve Schoger 和 Adam Wathan 的书籍 肯定会为您提供一些这方面的建议!