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

colorzillaってこんなに便利!

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

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

coloranalizer

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

coloranalizer

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

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

色がピックアップできました!
超便利ですね(^▽^)

IBCのロゴの色はrgb表記だとrgb(102 , 124 , 131)
16進法だと#667C83なんですね!

analized

もっと便利

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

analizer
coloranalizerbig

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

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