しかし、ただ適当に各部のカラーを選んでもなかなかいい具合には決まらず、四苦八苦することもよくあることです。
このようなとき、その画像で使っている代表的なカラーを抜き出し、適切なカラースキームを生成することができるFirefoxアドオンが「ColorSuckr」です。
「ColorSuckr」は、Firefoxで表示している画像で利用されている主要色をその場でリストアップし、それぞれの色に応じたカラースキームを同名のWebサービスを使って生成し、利用することができるというWeb管理者に便利なツールです。
＜使い方＞
アドオンをインストール後、Firefoxで必要な画像を表示し、コンテキストメニューから[Extract Image Colors]をクリックします。
新規タブで以下のようなウィンドウが開き、その画像で使われている12種のカラーが表示されます。
それぞれにカラーコードやRGBが表示されていますので、カラーピッカー的にそれをそのまま流用することもできますが、各カラーにある[Show]リンクをクリックすると、それぞれのカラーを基本としたいくつかのカラースキームが表示され、それらを個別にクリックすれば、[colourlovers]というサービスでその内容を確認したり、カラーパレットをダウンロードしたりすることができるようになっています。
＊パレットのダウンロードや管理を行うには、[colourlovers.com]で簡単なユーザー登録が必要です。
■[Show]をクリックするといくつかのカラースキームが表示されます。
■個別カラースキーム表示画面
■PS用、GIMP用など、使用ソフトウェアに応じたパレットがダウンロード可能です。
■PS用パレットを適用してみました。
このように、画像に応じた適切なカラーリングを知ることができるだけでなく、それを各種ドローツールで利用することもできるという便利なサービスです。
これがあれば、カラーコードから似たような配色を必死で探して試行錯誤しなくても済むかもしれませんね。
ダウンロード：ColorSuckr（Add-ons for Firefox）[experimental]
＜関連記事＞
■Firefoxのテーマカラーを自由自在に変更できるアドオン「AnyColor」（Firefox 3 Beta 5対応）
■表示しているページのカラーパレットを保存してドローソフトで利用できるFirefoxアドオン「Palette Grabber」
■見ているページの背景色やリンク色をワンタッチで変更することができるFirefoxアドオン「Quick Color Switcher」
ツイート
