Top Firefox拡張機能(アドオン) >ページ上のカラーコードを素早くコピーできるFirefoxアドオン「eyedropper Button」
2014年10月14日

ページ上のカラーコードを素早くコピーできるFirefoxアドオン「eyedropper Button」

ウェブサイトを管理されているような方なら、デザイン時にカラーコードを使う機会も多いと思います。

こうしてコードを記述することで、アバウトではなくきちんと同じ色を各部に使うことができるわけですが、閲覧中のページで使われているコードを取得したいような場合、専用のツールを使わなければならないのが面倒ですね。

そんなユーザーのために、Firefoxアドオンの中にはカラーコードを簡単に取得できるものがいくつかあります。

今回はその中から、ページ上の任意の位置をクリックするだけで、該当箇所のカラーコードを瞬時にコピーすることができる「eyedropper Button」というものをご紹介したいと思います。

「eyedropper Button」をインストールすると、ツールバーカスタマイズにより専用のボタン 01_eyedropper Button Firefox Add-ons.JPG を設置できるようになります。

コードを取得したくなったらこのボタンをクリックし、ページ上でマウスを動かすと各部がズームされたような状態となり、ポイント位置のカラーコード(16進 Hex)がポップアップ表示されます。


02_eyedropper Button Firefox Add-ons.JPG


取得したい箇所が決まれば、そこをクリックするだけでカラーコードがクリップボードにコピーされるというわけです。


03_eyedropper Button Firefox Add-ons.JPG


類似ツールと比べてかなり機能が制限されているアドオンですが、特定箇所のカラーコードをちょっと調べたいというときに便利ですね。


ダウンロード:eyedropper Button(Add-ons for Firefox)


<関連記事>


■マウスポイントした箇所のカラーコードを簡単にコピーできるFirefoxアドオン「colorPicker」

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

■Firefoxに便利なカラーピッカーを追加できるアドオン「Color Pickers」

■ウェブページの色を抽出・分析できるFirefoxアドオン「Rainbow」




この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
専用のツール使う必要ないでしょFirefoxのWeb開発や開発ツールにあるんだから
それをボタン化しただけのアドオンだ
Posted by あ at 2014年10月14日 18:54
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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

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





×

この広告は180日以上新しい記事の投稿がないブログに表示されております。