写真やウェブページを参考にカラースキームを決める

写真やウェブページを参考にカラースキームを決める

イメージはなかなか伝わらないもの。
できる限り詳細に「これこれ、こんなイメージでデザインして」と説明したとしても（または、説明されたとしても）、出来上がりを見て「なんか、違うんだよねえ」となってしまうことは多い。

そんなときに、イメージに近い写真や参考にしたいウェブページを使って、そこから自動的にカラースキームを抽出してみるのはどうだろうか。

写真からカラースキームを抽出する

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*さんでほぼ似た内容のエントリがあるのを発見。
でも、せっかく書いたのでこのエントリは公開してしまおう =)

写真やウェブページを参考にカラースキームを決める