创建材质设计调色板的9个有用工具

你会注意到最重要的一件事材料设计是使用大胆、充满活力的颜色。材料设计的颜色的指导方针将颜色风格描述为“由大胆的色调与柔和的环境、深阴影和明亮的高光并置而成”。如果你需要生成材料设计调色板,这些在线工具会有所帮助。

1.材料面板

在这个工具中，首先选择原色和强调色。之后，它将向您显示生成的调色板的实时预览，并为您提供各种下载方式。

2.材质UI的材质设计颜色

这是一个漂亮的“备忘单”，在一页中展示了所有的材料设计颜色。

3.随机材料发生器

你想让命运决定你的调色板应该是什么吗?使用这个工具随机选择你的材料设计颜色。

4.材料设计调色板生成器

如果您对创建自定义感兴趣，material-design-like调色板，看看这个工具。首先，你需要指定一个颜色——它不必是官方材料设计的颜色之一——使用一个颜色选择对话框窗口，类似于你可以在你最喜欢的图形编辑器中找到的颜色。材料设计调色板生成器将根据您选择的颜色生成色板。

5.材料混合

这个有用的工具在一个方便紧凑的网格布局中显示所有材料设计颜色。点击一个原色和强调色预览和生成你的调色板。

6.材料的颜色

这个工具只显示材质设计色板的500色和A200色。

7.MaterialUp的材料设计颜色

这是另一个可视化材料设计颜色的简单工具。它并排显示了原色。点击“颜色条”会显示与该颜色相关的所有色板。

8.Tint UI的材质设计

这个工具只显示500种颜色的材料设计。

9.designskilz的材料设计色彩

这个简单的工具可以帮助您可视化所有的材料设计色板及其官方名称(例如。粉红色的，浅蓝色的等)。

图形编辑器的材料设计颜色插件

如果web工具不是你的东西，你可以安装一个插件/扩展，将材料设计色块集成到你的设计软件中。

• 对于Photoshop / Illustrator:谷歌提供可下载的Adobe彩色文件(.aco)使它更容易在Photoshop和/或Illustrator中开发你的调色板。
• 草图:看看开源软件材料设计调色板草图插件石本浩司著。
• 对于Gimp / Inkscape:你有几个选择:gimp-material-design-color-palette由KiSSFLOW和material-design-colors鹿岛宗一郎著。

读下

• 颜色:下一个有限资源?
• 网页设计中的色彩理论
• CSS颜色介绍

雅各Gube是Six Revisions的创始人。他是前端开发人员。与他联系推特．