有 如此之多 工具可以帮助您选择颜色。我完全理解!这很难!当颜色搭配得当,就像魔法一样。它为设计增添了一层光彩,使其脱颖而出。
让我们看看一些工具,然后更详细地讨论这个想法。
这里有一个我刚看到的叫做 Color Koala
它会向您吐出五种颜色,然后您就可以开始工作了。
Hue 也会为您提供一些颜色。

还有无数其他的工具,它们在方法和功能上当然会有所不同。这里有一些:
- http://color.farm/
- https://coolors.co/
- https://color.adobe.com/
- http://clrs.cc/
- https://www.colourlovers.com/
- https://flatuicolors.com/
- https://colordrop.io/
- http://www.0to255.com/
- http://materialcolors.com/
- https://material.io/collections/color/
- https://www.materialpalette.com/
- https://colorhunt.co/
- https://www.palettable.io/
- https://www.webdesignrankings.com/resources/lolcolors/
- https://hihayk.github.io/wheel/
- https://htmlcolorcodes.com/
- https://www.vanschneider.com/colors
然后还有一些专注于渐变的工具,比如 UI Gradients、Web Gradients 和 Shapy.

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

甚至还有像 Sip、ColorSnapper 和 Frank 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 的书籍 肯定会为您提供一些这方面的建议!
如果您还没有看到,Lyft 最近在颜色 + 代码领域发布了一些非常有趣的东西:https://www.colorbox.io/
更多信息请访问:https://design.lyft.com/re-approaching-color-9e604ba22c88
我还在 coolors.co 上使用 SASS 变量为我的颜色命名,因为它会为它们生成名称。
再补充一个工具,Paletton 是我最喜欢的工具之一。它可能需要更多工作才能调出一个令人愉悦的颜色,但它对颜色在彼此之间的关系方面拥有非常多的控制权,特别是对于互补配色方案而言。它有点老派,但我喜欢它。
我真的很喜欢 Hue 中配色方案的呈现方式。它很好地说明了这些颜色将在项目中如何使用。感谢您的这篇文章!
很棒的集合!
还有一点需要注意:单行 JS 颜色生成器似乎在处理某些颜色子集时遇到了问题,因为在 toString() 调用返回少于 6 个字符时,不会提供前导零。
Product Hunt 上这两天就出现了两个工具。
使用 Material Design 逻辑创建调色板:https://materialpalettes.com
从基础十六进制颜色生成色调和阴影:https://maketintsandshades.com
Erik Kennedy 告诉我
我真的很喜欢将这些颜色随机地放置到设计中后的外观。问题是,它太大胆了,设计师很少会认为它“好”,更不用说会制作这样的设计了。