9个实用创建Material Design调色板的工具

Google推出Material Design理论有一段时间了…
将这种感性的东西融合上技术再整理出一套完整的理论是件很神奇的事情
排除掉对底层开发的崇敬,其实对这样富有冲击力的色彩被这样方正的摆放总是有些许抗拒的(但是我还是很喜欢蒙德里安啊- -也许是因为人家留白很多吧)
以下工具部分试用了一下,导出配色等等功能都不错, 剩下的就是选择一个最趁手的了.
但是说到底
我个人还是会比较坚持先做iOS开发的吧…

One of the biggest things you’ll notice in material design is the use of bold, vibrant colors.

Material design’s color guidelines describe the color style as being “inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights.”

If you need to generate material design color palettes, these online tools will help.

1. material palette

In this tool, you start by picking your primary color and accent color. Afterwards, it will show you a live preview of the generated color palette and offer you a variety of ways to download it.

material palette

2. Material UI’s Material Design Colors

This is a nifty “cheatsheet” that presents all of the material design colors in one page.

Material UI's Material Design Colors

3. Random Material Generator

Do you want to let fate decide what your color palette should be? Use this tool to randomly choose your material design colors.

Random Material Generator

4. Material Design Palette Generator

If you’re interested in creating a custom, material-design-like color palette, check out this tool. First, you need to specify a color — and it doesn’t have to be one of the official material design colors — using a color picker dialog window similar to the ones you can find in your favorite graphics editor. The Material Design Palette Generator will then generate color swatches based on your chosen color.

Material Design Palette Generator

5. material mixer

This useful tool shows all material design colors in a conveniently compact grid layout. Click on a primary color and accent color to preview and generate your color palette.

material mixer

6. Material Colors

This tool displays just the 500 and A200 colors of material design color swatches.

Material Colors

7. MaterialUp’s Material Design Colors

This is another simple tool for visualizing material design colors. It shows the primary colors side-by-side. Clicking on a “color bar” shows all of the color swatches associated with that color.

MaterialUp's Material Design Colors

8. Tint UI’s Material Design

This tool displays just the material design 500 colors.

Tint UI's Material Design

9. designskilz’s Material Design Colors

This simple tool helps you visualize all the material design color swatches along with their official names (e.g. Pink, Light Blue, etc.).

designskilz's Material Design Colors

Google+Sina WeiboShare

TrackBack

TrackBack URL for this entry:
http://blog.vash.cn/wp-trackback.php?p=2162

Post a comment

You must be logged in to post a comment.

  • RSS VASH ^ ^

  • 越来越多的分类

  • On Pinning

  • 幫vash喂小鱼

  • 标签云朵

  • 博客状态

    • 访问页面总数:589934
    • 唯一访问者:194346
    • 最近24小时内访问页面总数:368
    • 最近24小时内唯一访问者:68
  • 大家最近說的