今回はwebブラウザーで使用できる拡張機能に関してご紹介します。
Firefoxだとアドオン、Chromeだとエクステンションと呼ばれている拡張機能の一つです。
拡張機能の導入方法はここでは割愛します。

colorzillaってこんなに便利！

webサイトを見ていて色を参考にしたいときに便利！

webサイトを見ていて、「この色自分も使ってみたい！」と思うときありませんか？
そんなときは、colorzillaを活用しましょう！

1.colorzillaのアイコンをクリックし、
一番上のPick Color From Pageを
クリックするとカーソルが十字になります。

2.十字になった状態のカーソルをwebサイトの気になる部分に持っていき、
クリックすると色を拾うことができます。

画像ではIBCのページ左上のロゴの部分をクリックして色を拾ってます。

色がピックアップできました!
超便利ですね（＾▽＾）

IBCのロゴの色はrgb表記だとrgb（102 , 124 , 131）
16進法だと＃667C83なんですね！

もっと便利

同じように、Webpage Color Analyzerの部分を使ってみましょう!
colorzillaのアイコンをクリックし、Webpage Color Analyzerを
クリックしてみてください。

このように、ColorZillaを使用してwebサイトの色がわかると便利です。

サイトと色を合わせてバナーやボタン等を作成したいときや
webサイトの色を参考にしてフライヤーなどを作成したりなど幅広く活用できると思います。
よかったら使ってみてください。