网页设计师必备的10种优秀配色工具

10种免费的工具来帮助你创建完美的色板。

作为一个网页设计师，对我们来说最重要的一个选择是进行我们的颜色选择。选择了一个错误的颜色，也许你将会失去一次机会。我们的选择将会对浏览者产生心理影响是一个不争的事实。
例如，红色通常来说是一种充满能量的颜色，而蓝色则代表着冷静与和平。为了说明这一点，你可以考虑一下在儿童玩具售卖网站跟律师网站上的颜色运用。有可能你将运用明亮、充满活力的颜色在前者之上，而在后者上运用沉寂的蓝色和灰色。

但是你知道那些颜色搭配起来会好看吗？幸运的是，你不需要成为一个管理者，按照色彩理论来创建一个可行的色板。为了帮助你完成色彩选择这个重要的任务，这里为你准备了几种免费的在线色彩管理工具（文章最后有mac用户的福利）。

1.Adobe Color CC

免费工具Adobe Color CC面世已经有一段时间了，它是选最好的色彩工具之一，你可以用它来轻易选择合适的色板。你不仅可以创建自己的配色方案，还可以探索别人创造的配色方案。

你可以从色轮或图像中选择一种颜色，并应用颜色规则，例如仅使用所选颜色的补色，单色或阴影来生成色板。或者，单击每种颜色并浏览色轮以自定义选择。另外，你还可以将创建的主题保存到Adobe库中。

2.Colordot

Colordot by Hailpixel是一款优秀的免费在线色板创建工具。使用简单的鼠标手势，您可以选择并保存颜色。来来回回移动你的鼠标可以调整色调; 上下移动来调整明度; 滚动以进行饱和调整，然后单击以将颜色保存到色板。点击齿轮图标查看RGB和HSL的各种颜色值。

与此同时它还有一个付费iOS应用程序，允许您利用相机来捕捉颜色。

3.147 Colors

当您负责生成易于阅读的CSS时，有时使用标准颜色和颜色名称是可行的。感谢Brian Maier Jr的 147种颜色，您可以看到所有的颜色，并选择适合您的颜色。

它包含17个标准颜色，加上130个其他CSS颜色名称。通过蓝色，绿色等色调过滤结果，或从147色的全彩色中选择。

4.Color Palette Generator

如果你正在寻找从图像创建色板，Canva的色板生成器是完美的。使用此工具，你可以上传图像，生成器将反馈出其中所包含的五种主要颜色的色板。

5.Material Design Palette

使用“ 材料设计调色板”，您可以选择两种颜色，然后将其转换为全色色板供您下载，并附有预览。
该公司还提供材料设计颜色，使设计人员可以看到不同颜色的色调以及相应的HEX值。

6.ColorCode

Tamino Martinius和Andreas Storm的ColourCode类似于Colordot，但它提供了更多的指导。使用ColourCode，你可以沿色轮设置不同的选项来创建不同的组合。

你还可以保存色板或将其导出为SCSS或LESS文件。如果你愿意的话，你甚至可以导出到PNG。

7.Color Calculator

Color Calculator是直接的：你选择一种颜色和色彩协调选项，作为结果你将会收到推荐的色彩分类。
不过，这个网站的好处还在于其中有关于颜色理论的一些细节，以及所涉及到你的颜色选择。

8.Color Calculator

Dixon＆Moe提供的免费套件包括一个深入的颜色选择器，其中有众多色彩规则的解释; 一系列具有平面设计颜色的彩色图表，Google的材料设计方案和经典的网络安全调色板; 以及标准HTML颜色名称和代码的列表。

该网站还为网页设计师提供教程和其他资源，以及将工具的结果导出为HEX代码，HTML，CSS和SCSS样式的选项。

9.W3Schools：Color Tutorial

如果你正在寻找一个包含颜色指南的一体化解决方案，以及许多不同的工具，那么W3Schools的“Color Tutorial”就是完美的选择。
你不仅可以了解颜色理论，色轮和色彩，还可以使用其他工具，如色彩转换器。使用此工具，你可以将任何颜色转换为来自名称，HEX代码，RGB，HSL，HWB和CMYK值。

10.Digital Color Meter（Mac）

Emmm…这是一个专属于Mac用户的工具。使用Mac内置的Digital Color Meter工具，你可以从屏幕上任何地方“抓住”一种颜色，然后以十进制，十六进制或百分比形式获取该颜色的值。
此外，你甚至可以将所选颜色“复制”为文本或图像。

译者：Yolo.Hui

来源：http://www.designdaily.cn/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E5%B8%88%E5%BF%85%E5%A4%87%E7%9A%8410%E7%A7%8D%E4%BC%98%E7%A7%80%E9%85%8D%E8%89%B2%E5%B7%A5%E5%85%B7/

作者： Tammy Coron

via.http://www.creativebloq.com/advice/the-best-colour-tools-for-web-designers?ref=webdesignernews.