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

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

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

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だと複数の色を記録できますが、こちらのアドオンは一つのみです。

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


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