二色選ぶと相性のいい配色を選んでくれるサイト「Material Palette」!

2014/12/24

こんにちは。
今回は二色選ぶと相性のいい配色を選んでくれるサイト「Material Palette」!です。

Webデザインや他のデザイン等でもそうですが、
レイアウトが同じでも配色が違うと受ける印象が全然違いますね。
それ故に配色で悩まれると思います。
そんな時に便利なサイトを紹介します。
CSS、SASS、LESS、SVG、XML、PNGの形式でダウンロード可能です。

二色選ぶと残りの色を選んでくれるサイト「Material Palette」!

Material Palette

materialpalette

http://www.materialpalette.com/

 

「Material Palette」の使い方

materialpalette2

クリックすると色を選ぶ事ができます。

 

materialpalette3

二色選ぶと右下に相性のいい配色を選んでくれます。

 

materialpalette4

[DOWNLOAD]をクリックするとCSS、SASS、LESS、SVG、XML、PNGの形式でダウンロードできます。

 

7日間でマスターする配色基礎講座 (DESIGN BEGINNER SERIES)
7日間でマスターする配色基礎講座 (DESIGN BEGINNER SERIES)

 

いかがでしたか。Webデザインだけでなく、Web以外のデザイン制作でも使えそうですね。
以上で二色選ぶと相性のいい配色を選んでくれるサイト「Material Palette」!でした。

配色パターンの参考サイト・ジェネレーターをまとめた記事はこちら

配色パターンの参考サイト・ジェネレーター18選。2色や3色、4色、5色、6色など
こんにちは。 今回は配色パターンの参考サイト・ジェネレーター18選。2色や3色、4色、5色、6色などです。 Webデザインやグラフィック...

この記事を読んだ人はこんな記事も読んでいますよ