助你快速搭配 Material Design 配色方案的10款Web工具

在设计 Material Design 的过程中你会发现一个很大的问题，那就是如何大胆、灵活的使用色彩组合。

Material Design 里的调色板工具将色彩描述为“受大胆排列色块并结合柔和的环境、深阴影和亮高光而产生的灵感”。

这周我们专门为设计导航的配色类目更新了10款 Google Material Design 专用的配色工具，如果你需要材质设计调色板，这些web工具可以助你一臂之力。

下面是 Material Design 配色方案的10款Web工具，喜欢的记得 Mark 起来！

1、Material Palette

在这个工具中，你可以先选择主色和重点色。选完之后工具会自动生成即时预览图并提供多种下载的方式。

2、Material UI

这是一个漂亮的“小抄”，它把所有能提供给你的颜色汇聚在一个页面上供你选择。很不错哦！

3、Random Material Generator

设计师有时候也会“偷懒”。这个工具会随机搭配好你的设计颜色，自然帮助我们节省了一部分时间。所以，这是把工作交给命运了吧？也挺有趣的啊。

4、Material Design Palette Generator

如果你对自定义色板感兴趣，那么试试material-design-like这个工具吧。首先,你需要手动设置一种颜色——不是系统色也可以哦——然后在同色系的色彩选择对话窗口中找到你最喜欢的图形编辑器。材料设计面板生成器将根据你选择的颜色生成你的色板。

5、Material Mixer

这也是一种比较实用的工具，它将所有颜色布局在一张紧凑的网格中以便于选择。点击一个主色和重点色就可以预览并生成你的调色板。

6、Material Colors

这个工具只显示500和A200色板的颜色。选择不一定要很多，精致的就好！

7、UPlabs 的 Material Design 工具

这是又一个简单的可视化的Material Design工具。它将三原色显示在侧边栏。而点击“color bar”就能够显示所有相关的颜色。操作也很灵活！

8、Tint UI’s Material Design

类似第六种工具，它只显示 Material Design 中的 500 颜色。有选择综合征的设计师们有福了！

9、Designskilz’s Material Design Colors

第九种工具也非常简单，它帮助我们将色板中的所有颜色连同他们的正式名称可视化(如。粉红色,浅蓝色,等等)。这样我们就不必思考所选颜色的名字问题。

10、MATERIAL @ COLORION

第十款工具除了分享几百个色板外，还带上收藏夹的功能，看到喜欢的配色，用户还可以收藏起来以便日后使用。

好的设计工具可以让我们的工作达到事半功倍的效果，快速提升我们的工作内容，对于一些辅助类的设计工具，大家可以按照自己的需求选择。让我们的工作提升效率的同时达到最好的效果。