できる限り詳細に「これこれ、こんなイメージでデザインして」と説明したとしても(または、説明されたとしても)、出来上がりを見て「なんか、違うんだよねえ」となってしまうことは多い。
そんなときに、イメージに近い写真や参考にしたいウェブページを使って、そこから自動的にカラースキームを抽出してみるのはどうだろうか。
写真からカラースキームを抽出する
Color Palette Generator
画像をURLで指定すると、その画像に含まれる色を抽出してカラースキームを作ってくれる。
pic2color
ブログのカラースキームを写真に含まれる色から生成するサービス。
残念ながらpic2colorはまだサービス開始していないようなのだが、デモを見ることができる。
ブログのスクリーンショットの下にある写真をドロップすると、その写真の色合いに似たカラースキームに変更される。
Flickr Color Selectr
色をひとつ選択するとFlickr!からその色が含まれる写真を見つけてくれる。
見つかった写真から好みのものを選んで、そこからカラースキームを抽出するという手もある。
ウェブページからカラースキームを抽出する
Red Alt - I Like Your Colors
ウェブページのURLを指定すると、そのページに含まれる色をカラースキームにしてくれる。
このブログのURLを指定すると次のようになった。
COLLECTION & COPY - ページで使われている色をDel.icio.usにポストするブックマークレット
Firefox専用だが、表示しているページからカラースキームを生成してdel.icio.usにポストできる。
カラースキームを生成したいページを開いて、ブックマークレットを実行するだけだ。
このブログで実行してみると次のようになった。
とここまで書いていて*LOVE IS DESIGN*さんでほぼ似た内容のエントリがあるのを発見。
でも、せっかく書いたのでこのエントリは公開してしまおう =)