配色センスが全くない？それならマテリアルパレットをちょっと使ってみて？

はい、こんな人におすすめです。

• この色を選ぶなら次に選ぶべき色は何色がいいのか・・・。
• 様々な色を使いすぎてダサいウェブデザインに・・・。
• 色と色が合わなすぎてどうしょうもないデザインに・・・。

マテリアルパレットを使えば、このようなお悩みを即座に解決し、クールでリッチな配色を直ぐにあなたに提供します。

マテリアルパレットはどうやって使うの？

マテリアルパレットは、一色をまず選びます。

決めることはたった２つだけ

1. ひとまずメインカラーを選定します。
2. 次にサブカラーを選定します。

今回は試しにピンクをメインカラーとし、ブラウンをサブカラーにしてみましょう。
すると以下のように出力されます。

こんな感じです。

下の８つのパレットは、それぞれ見た目にも相性の良い配色が出力されます。

この中から選定していくだけで、クールな配色を手軽に表現出来ます。

他にもブルーとシアンだと以下のように。

ダウンロード可能なファイル

ちなみにDownloadを選択すると以下の様なファイルをDownload可能です。

• CSS
• SASS
• LESS
• SVG
• XML
• PNG

各種用途に合わせてダウンロード可能です。

ちょっと配色に困ったな・・・

そんな時に是非思い出してみてください。

手軽に配色を教えてくれるMaterial Palet

Material Design Color Palette Generator – Material Palette

それでは、また。

Pocket