原文地址：http://www.gbtags.com/gb/share/9516.htm

Material Design最显著的特点之一就是使用大胆、鲜明的色彩。Material Design的色彩指导原则把色彩风格描述为“灵感来自大胆的色彩混合温和的环境、强烈的阴影和鲜明的标记”。

如果你需要创建Material Design调色板，下面这些在线工具能够提供帮助。

1.    Material palette

在这个工具中，先选择基础色和着重色，然后它将会向你展示生成的调色板的及时预览并且提供多种下载方式。

2.    Material UI’s Material Design Colors

这是一个在一页上呈现Material Design所有颜色的漂亮的参考手册。

3.    Random Material Generator

你想要随机的生成你的调色板的颜色吗？使用这款工具你可以随机的选择你的Materila Design颜色。

4.    Material Design Palette Generator

如果你对创建一个传统的、类似Material Design调色板感兴趣的话，看一下这个工具吧。首先，你需要通过一个颜色选择框（类似于图像编辑软件中的颜色选择框）指定一种颜色，这种颜色不一定存在于Material Design颜色中，然后这个工具将基于你选择的颜色生成一张颜色表。

5.    Material Mixer

这个好用的工具的在一个方便对比的表格布局中展示了所有的Material Design颜色，点击基础色和着重色后可以看到预览然后选择你喜欢的调色板。

6.    Material Colors

这个工具只展示了Material Design的500和A200颜色样本。

7.    MaterialUp’s Material Design Colors

这时另一个让Material Design可视化的简单工具，它并排显示着基础色，点击一个“颜色条”将会出现所有的跟这个颜色相关的颜色样本。

8.    Tint UI’s Material Design

这个工具只展示了Material Design的500颜色。

9.    Designskilz’s Material Design Colors

这个简单的工具能够帮你可视化带有正式名称所有Material Design的颜色样本。

为图像编辑器准备的Material Design色彩插件

如果你不喜欢在线工具，你可以在你的设计软件中安装一个集成了Material Design颜色样本的插件。

<1>For Photoshop / Illustrator: 谷歌提供了可下载的Adobe color files 让在Photoshop和Illustrator中设计调色板变得简单。

<2>For Sketch: 查看由Koji Ishimoto创建的开源的Material Design Color Palette Sketch Plugin

<3>For Gimp/Inkscape: 你有两个选择，KiSSFLOW创建的gimp-material-design-color-palette 和由Soichrio Kashima创建的material-design-colors。

其他精彩文章：

教你在一个小时内构建一个网页游戏

教你使用Traceit.js和jQuery制作画圈的标记

如何利用 srcset 创建响应式图片

为Unslider.js添加懒加载功能【jquery插件】

菜鸟的Node.js之旅