top-bnr

WEB制作する方に便利!Chrome拡張機能「ColorZilla」

 

150914_top

 

ColorZillaとは

WEBページ見ていて、ページ内に気になった装飾された文字・・・
その文字の「色」と同じ色を使用したい・・・。
そんな時ありますよね?

そんな時にGoogle Chrome拡張機能の「ColorZilla」がとても便利です。

ColorZillaを利用すれば、WEBページのどの部分からでも簡単に色をチェックする事が出来ます。
WEBサイト制作に役に立つツールだと思います。

 

使用方法

インストール後に右上のアイコンをクリック

150914_001

マウスカーソルが十字になるので、調べたい色の上にカーソルをかざと
上部のバーに色情報が表示されます。
このときにCSSの情報や要素のサイズも表示してれます。

 

150914_002

あとは色情報を知りたい部分でクリックするだけ。
クリックしたときに、同時にコピーもしてくれてます。
黄色で囲っている部分が色情報です。

 

まとめ

使い方はとても簡単なので、ぜひ使ってみて下さい。
その他にも、いろいろと機能があるみたいですが、
私は色情報取得しか使用したことがありません・・・。
色々と使いやすい様にお好みでカスタマイズしてみて下さい。

bottom-bnr
  • ブログランキング・にほんブログ村へ
  • FC2ブログランキングへ
  • 人気ブログランキングへ
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る