还在为Web/UI配色烦恼吗？设计导航可以帮你

配色对设计是非常重要的，特别对于新手设计师，在色彩搭配方面常常会感到烦恼，为了能正确使用颜色，设计师们可以尝试使用一些配色工具来帮助自己。这里我推荐设计导航，里面的配色栏目收集了目前流行的配色工具，还是非常好用的。

打开设计导航网站，点击左侧面板的【配色】，此时就会展开出现一个关于配色工具的列表。里面工具非常多，你可以按照自己的喜好或者习惯来选择工具，混合使用效果会更佳哦！

这是配色工具导航的一小部分截图。

下面我来介绍下其中我用的较多的工具：

一、Material Design 配色

Material Design是今年流行的设计风格之一，点击该栏目后，右侧出现的均是以Material设计的色彩，用鼠标单击就能直接复制颜色值了，非常方便。

另外，上方的level条可以调节颜色的色值，边上的选择框则是可以选择你需要的颜色类型哦！

二、扁平化配色

和上面的一样，只不过这边主要是扁平化设计的色彩表。如果想了解更多关于扁平化的设计，你可以去看下之前的《扁平化设计的字体和配色》。

三、Color Scheme在线配色工具中文版

选择一个主色系后，这个在线配色工具就可以生成单色、互补色、三色、近似色的色彩搭配方案。（注意：这个工具是会跳转到独立网页窗口的，窗口右侧有预览功能来查看效果。）

如果想要知道一些具体的配色案例分析，你可以去读一下《有了那么多配色方案，还是做不好配色？（一）》《有了那么多配色方案，还是做不好配色？（二）》

四、color hunter （上传图片显示配色）

只需要上传你喜欢的图片，该工具就可以生成图片中的配色议案出来，再也不需去下载某些配色工具了，既方便又快捷，个人感觉很实用。

五、日本经典冷暖配色

本人一直觉得日本传统配色超级棒的，之前也特意发过介绍日本网站的文章《说说日式网站代表性的设计理念》《来扒拉一下日式网站有什么优点》。这边以花朵的形式做了一组日本传统配色参考表：冷色系、暖色系，色值都有列出，拿来就能用。

六、配色灵感

精选自花瓣的一个配色频道，经常更新，喜欢的可以从这里获取灵感。