选择一套优秀的配色方案不应该是一个悲催的任务。选择适合的工具，再有一双懂美的双眼，就能让你的设计工作事半功倍。
虽然，我不会直接给你一份合适的配色方案，但今天分享的一些色彩工具，或许对提升你的工作效率和审美有所帮助。
由于这些工具便捷、易用，并且完全免费，你可以将它们收藏起来，以便经常使用。它们使用范围广泛，WEB 端、移动端、或者打印都可以满足你的选色需求。
1.ColorHexa
最近我在浏览网页的时候，偶然发现了 ColorHexa，它是迄今为止我见过的最酷的选色工具之一。
在技术上，它跟颜色生成器或配色工具有所不同，它拥有一个全面的色彩信息库，让你对颜色的选取（相近颜色、配色方案，相关的渐变和阴影等），以及颜色代码（十六进制，RGB，CMYK，CIE-LAB，HSL等）都能直观的了解。
如此完整的颜色信息列表，帮助设计师们研究颜色能起到莫大的帮助，相信，你会对它爱不释手。
2.Colors.css
如果你对色彩心理学有所研究，就会了解色彩叠加的学问以及它们是如何影响人们的心理和情绪。
每个浏览器都有默认的颜色，通常它们却略显生硬。但 Colors.css 改善了这个问题。它是一个可调预设颜色的免费 CSS 库，这样你便有了更多选择颜色的机会，而不是局限在“红”与“蓝”这两类固定的颜色上。
你甚至还能发现一个功能完善的辅助页面，它提供了众多的配色方案，能够帮助你提高网站的易读性。
3.ColorPick Eyedropper Extension
你经常浏览一些配色网站吗？我总是在发现酷站后，却为了取色而苦恼。
如果你使用 Chrome DevTools 取色，那么还需要在代码中提取十六进制的颜色。但使用专为 Google Chrome 设计的 ColorPick Eyedropper 扩展程序，将极大的提高你的取色效率。
你只需要单击扩展程序面板的切换窗口，然后鼠标悬停在你想选择的任何颜色上，就能得到一个完整的十六进制代码以及“复制”链接，点击复制链接就可以完成取色。
是不是很酷，并且它还是免费的，值得你拥有。
网址：https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg
4.Coolors
Coolors 是一个在线的配色方案生成网站，你可以在上面找到数十种色彩生成器，并且它还支持 Adobe 自带的组件。
它真正的价值在于，能够超快速的生成配色。你还可以混合各种锁定的颜色进行更改、调整，并且可以限定条件随机生成可选方案。你可以将其作为 Chrome 扩展，也可以在手机上安装它的 iOS 应用。
如此便捷的应用，你只需要 15 分钟左右就可以了解其原理，并完全掌握它。
5.Palettte App
Palettte 是一款色彩编辑和重映射工具，它能够帮助你构建从一种颜色到另一种颜色的色彩方案，也支持微调单个颜色，并且你还可以导入、分析和编辑现有的色彩方案。
如果你对这个工具很感兴趣，了解下原作者在设计这款工具背后的故事，将会让你受益匪浅。
6.Material UI Colors
用谷歌搜索，你能轻松的找到大量的 Material Design 相关工具，它们为数众多，大多工具也都能生成符合 Android 应用中常见的颜色样式。
使用 Material UI Colors WebAPP，你将会找到符合 Google Material 指南的完美配色方案。通过屏幕左上角的滑块，你可以轻松的调整各种颜色的色调。此外，你也可以随机选择颜色来匹配原网站的颜色，并且根据自身需求，在 HEX 和 RGB 间随意切换相应的格式。
对于 Material Design 爱好者来说，这款应用一定能带给你不少的惊喜。
7.Color Supply
Color Supply 是个匠心独具的网站，但它也显得有些特殊。它提供了一系列有趣的色彩工具，满足你对配色效果的不同需求。用鼠标拖动色轮的取色杆，你就可以直观的看到页面上的选色效果。
网站还根据色彩设计理论，提供了 5 种实用的配色方法。当你选好颜色后，在网页下方可以看到色值。此外，你还能够在线预览平铺的图案和不同颜色的渐变效果，是不是很方便？
8.Color Safe
W3C 组织致力于推动 WEB 技术的发展，WCAG 便是成果之一。颜色则是作为构建可访问性网站最简单的方式之一。
Color Safe 是一款免费的 WebAPP，它依据 WCAG 文本和背景对比度指南，帮助你检测颜色的选择是否符合标准。通过选择前景色、背景色以及字体的大小，可以直观的了解 WCAG 评级，同时还能得到相关选色建议。对于关注 Web 可访问性的朋友来说，它是一款非常棒的工具。
9.Color Hunt
Color Hunt 这个免费项目已历经了数年，并成为设计师的灵感源泉。用户通过提交各种配色方案，并以票选的形式列出最漂亮的方案，供大家参考与了解。你可以按最新或最受欢迎的方式进行排序，也可以投票支持自己收藏的方案。
由于它是个简单 Web 应用，所以功能相对有限，但对于发掘配色灵感，还是不可或缺的。
10.Open Color
如果你正在寻找一些能够提升网站可访问性的工具？那么，推荐你了解下 Open Color 这个开源库。
它是一个围绕网站可访问性和浏览器支持的开源色彩库。无论你的网站 UI 是何样式，你都能获取到经过优化，且易于匹配的颜色、字体、背景和边框等。
如果你感兴趣，不妨看看其 GitHub 仓库，并可以下载源文件。
11.HTML Color Codes
HTML Color Codes 是一款全方位的在线选色器，你可以在线选色并导出 HTML / CSS 代码。它还具备颜色检索功能，你可以根据网站的建议，检索任何你想要的颜色。此外，网站还拥有颜色图表工具，并提供 Adobe Swatch 文件格式下载。
对于经常使用选色器和调色板的设计师来说，这个网站相当的方便。
12.Adobe Color CC
Adobe Color CC 是一款基于 Web 的取色器，简直酷到没朋友。
它以前叫作 Adobe Kuler，虽然历经了多次迭代，UI 已经改变了不少，但其核心功能（调色、取色）并未改变，仍然是一款让设计师们爱不释手的在线工具。
它在同一个方案中支持多达 5 种不同的颜色，你甚至可以上传图像来自动提取动态的配色方案。如果你是 Adobe 用户，那么将其收藏起来是个不错的选择。
感谢你的阅读。若你有所收获，欢迎点赞与分享。
注：
- 本文版权归原作者所有，仅用于学习与交流；
- 如需转载译文，烦请按下方注明出处信息，谢谢！
英文原文：Top 12 Web-Based Color Tools for Web Designers
作者：Jake Rocheleau
译者：IT程序狮
译文地址：https://zhuanlan.zhihu.com/p/56525701
同时也欢迎关注我的微信【IT程序狮】，不定期分享 IT 学习文章与资源。
