カラーコードをブラウザで調査:firefoxのアドオン

カラーコードを調べよう。HTMLのタグに活用するために調査するのに便利なツール。

私がよく活用する無料ブラウザーfirefoxの使い方をまとめてます。使ってない機能も多々あります。かなり便利です。

| HOME | カラーコードを調査 |

更新日 2008-11-25 | 作成日 2008-01-12

カラーコードを調査

ブラウザやパソコンできれいな色がありました。
カラーコードを調べて、その色でイラストを作成したり、ネット上で文字を書くのに活用したい時があります。

CSpoitというフリーソフトも便利なのですが、ソフトを立ち上げるのは面倒な方にお勧めのアドオンがあります。

ColorZilla :: Firefox Add-ons
https://addons.mozilla.org/ja/firefox/addon/271
というアドオンです。

こちらをインストールしましょう。

すると・・

アドオンの場所
ブラウザの左下にペンマークが表示されます
クリックすると、マウスの場所のカラーコードを表示してくれます。

カラーコードの表示
マウス上のカラーコードを表示してくれます

カラーコードを選択
インストールという緑色のところにマウスを持っていき、ダブルクリックしました。カラーコードが記憶されました。

カラーコードをコピー
左下のツールバーで右クリックするとコピー画面が開きます。
カラーコードをコピーすると下記のようにできます。

  • rgb(158, 250, 70)
  • rgb(62%, 98%, 27%)
  • #9EFA46
  • 9EFA46
  • R: 158, G: 250, B: 70 | #9EFA46 | ΔX: 437, ΔY: 309 | span.install-green-button



CSpoitと大きな違いは、ブラウザ内のみしかカラーコードを調べることができないということ!
カラーコード表を色々な形で表示してくれるということが一番の大きな違いでしょう。
CSpoitでできこちらでできないことは、CSpoitだと複数の色を記録できますが、こちらのアドオンは一つのみです。

ステータスバーに表示されるカラーコードをメモることもできますし、コピーすることもできます。
ステータスバーに表示されるカラーコード表の表示を変更することもできます。

カラーコードの表示方法
ステータスバー:オプション:ステータスバーの表示をクリックするとごらんのような画面が開きますので、表示したいカラーコードを自由に変更しましょう。

ブックマークに追加する

ブックマークに追加する