Webサイトの配色を最速で決めるなら無料のAdobe Kulerがオススメ。

スクリーンショット 2013 10 23 5 43 35

Adobe Kulerを使うと、画像から特徴的な色を自動でピックアップしてくれ、配色があっという間にできる。

使い方

とっても簡単。

1.Adobe Kulerにアクセスする。

2.Adobe IDを入力してログイン。 Skitch 19

3.下記要領で画像選択

Skitch 18

なお、配色が気に食わなかった場合はカラームードを切り替えるか、それぞれのポイントの座標をマウスで変更することができる。

4.保存画面

スクリーンショット 2013 10 23 6 24 06

カラーをクリックすると画面が切り替わる

スクリーンショット 2013 10 23 6 25 24

5.配色を数値で知りたい場合は

下記画面に書いてあり、値はコピーできる。

Skitch 20

カラームードを変えると

Colorful

スクリーンショット 2013 10 23 5 43 35

Bright

スクリーンショット 2013 10 23 5 45 18

Muted

スクリーンショット 2013 10 23 5 45 59

Deep

スクリーンショット 2013 10 23 5 46 23

画像変えると

下記は全て、自動で抽出してくれたカラー。

美味しそうなお寿司も

スクリーンショット 2013 10 23 6 11 59

カラフルなクリスマスツリーも

スクリーンショット 2013 10 23 6 15 13

きれいな朝焼けも

スクリーンショット 2013 10 23 6 13 03

真っ青な青空と海も

スクリーンショット 2013 10 23 6 17 12

アートだっていけちゃう

スクリーンショット 2013 10 23 6 22 22

既に登録されている配色も見れる

スクリーンショット 2013 10 23 6 32 32

まさに至れり尽くせり。

とりあえずこんなところかな。 時間があれば、Kulerを使ったサイトでも作ってみよう。