Googleのマテリアルデザインの公式カラーツール

2017/04/26

こんにちは。
今回はGoogleのマテリアルデザインの公式カラーツールです。

マテリアルデザインに最適な配色を作ることができるカラーツールを紹介します。

Googleのマテリアルデザインの公式カラーツール

Color Tool

material-design-color-tool

https://material.io/color/

 

「Color Tool」の使い方

material-design-color-tool2

使い方は簡単で、まず左の画面でサンプルレイアウトが用意されているので、6種類の中から選びます。
右の画面から色を選びます。
PrimaryとSecondaryのそれぞれの色を選ぶことができますよ。
左上の「ACCESSIBILITY」をクリックすると選んだ色の詳細を見れます。

 

グラフィックデザイン基礎講座-プロの現場のノウハウが全て学べる
グラフィックデザイン基礎講座-プロの現場のノウハウが全て学べる

 

いかがでしたか。マテリアルデザインを取り入れたい時に使ってみてはどうでしょうか。
以上でGoogleのマテリアルデザインの公式カラーツールでした。

Related Post

topへ戻る