- 2008年3月12日 18:29
- ブラウザ
ネットサーフィンしていると偶然見たサイトがすごく綺麗で配色を参考にする事があります。
そんなときここで使われているこのパーツの色は何色なんだろ？？
なんて思うことありませんか。
そんな時どうするかといえば、画面キャプチャーをとって画像処理ソフトで開いて色を取得してとか、ソースを開いて色の数値を探して・・・なんて方法もありますが、今回紹介するアドオンを使えば、ブラウザ上でマウスオーバーするだけで色が解っちゃいます。
今回紹介するアドオンは、「ColorZilla」です。
インストールが完了すると、ブラウザウィンドウの左下にスポイトのマークが表示されます。
アドオンを使用する時はこのスポイトマークをクリックします。すると、マウスポインタが十字マークになりますので、あとは知りたい色の上に合わせるだけ。
実際に合わせてみると、下の画像のようにRGB数値や、ポインタの座標、パーツの属性などを知らせてくれます。
簡単なカラーパレットにもなっていますので、マウスオーバーするとパレットの色も変わります。
他にも様々なオプションがついています。右クリックするとオプションの一覧が出てきます。
ダウンロードはこちらから→ColorZilla
画面右側の「Download」 Install ColorZilla 2 Beta からダウンロードできます。
そんなときここで使われているこのパーツの色は何色なんだろ？？
なんて思うことありませんか。
そんな時どうするかといえば、画面キャプチャーをとって画像処理ソフトで開いて色を取得してとか、ソースを開いて色の数値を探して・・・なんて方法もありますが、今回紹介するアドオンを使えば、ブラウザ上でマウスオーバーするだけで色が解っちゃいます。
今回紹介するアドオンは、「ColorZilla」です。
インストールが完了すると、ブラウザウィンドウの左下にスポイトのマークが表示されます。
アドオンを使用する時はこのスポイトマークをクリックします。すると、マウスポインタが十字マークになりますので、あとは知りたい色の上に合わせるだけ。
実際に合わせてみると、下の画像のようにRGB数値や、ポインタの座標、パーツの属性などを知らせてくれます。
簡単なカラーパレットにもなっていますので、マウスオーバーするとパレットの色も変わります。
他にも様々なオプションがついています。右クリックするとオプションの一覧が出てきます。
ダウンロードはこちらから→ColorZilla
画面右側の「Download」 Install ColorZilla 2 Beta からダウンロードできます。
Trackbacks:0
- TrackBack URL for this entry
- http://webpersons.jp/mt/mt-tb.cgi/459
- Listed below are links to weblogs that reference
- Firefoxのアドオン（拡張機能） 「ColorZilla」でweb上の色を取得 from Web Persons [ウェブパーソンズ]｜Web担当者向け情報サイト
