Top Firefox拡張機能(アドオン) >WEBページのカラーを取得する「ColorZilla」
2006年10月02日

WEBページのカラーを取得する「ColorZilla」

ブログやホームページを閲覧しているとき、素晴らしいデザイン、配色のサイトに出会ったりすることがあります。

そんなとき、真似ではないにせよ、自分のサイトにもイメージカラーとして参考に使ってみたいということが多々あります。

ブログランキング

通常このような場合、カラーピッカーと呼ばれるジャンルのフリーソフトなどを使って色のカラーコード(白なら#FFFFFFのような記号)を取得し、WEBページ作成時にそのコードを記述するのがよくある手法です。

このカラーコード取得を、別途ソフトを起動することなく、Firefoxで閲覧中に拡張機能で読み取ることができるのが「ColorZilla」です。

「ColorZilla」をインストールすると、Firefoxのステータスバー左側にこんなアイコンが配置されます。↓

color-001.jpg

現在閲覧中のページで、カラーコードを取得したい部分があれば、このアイコンをクリックし、+型になったマウスカーソルをWEBページ内の任意の場所に移動させるとその部位のカラーコードがステータスバーに表示されます。

color-002.jpg

取得したコードは、さらにアイコンの右クリックにより、クリップボードにコピーするなどの作業が行え、WEBページやブログの作成の役に立ちます。

color-003.jpg

別ソフトを起動したり、カラーコード表とにらめっこしていた方は使ってみてください、かなり便利です。



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック

Firefoxを広めよう!/拡張機能の紹介
Excerpt: 小生はウェブ・ブラウザにFirefoxを使用しています。ショッピングのような金銭情報、あるいはmixiのような個人情報など。生活する上で重要な情報をやりとりするプラットフォームとしてInternet ..
Weblog: 陽のあたらない美術館 -人間再生-
Tracked: 2006-10-03 01:00

Firefoxのエクステンション その3
Excerpt: HTML Validator  表示しているWEBページの記述が正しいものである...
Weblog: chakiの部屋
Tracked: 2006-10-26 21:06