はじめに
Webページを見ていて、この色とても素敵なんだけどカラーコードが分からないや、ということがよくあります。このエントリでは、GoogleChromeで現在表示中のWebページから、指定した場所のカラーコードを取得する方法をご紹介します。
Webページからカラーコードを取得してくれるEye Dropper
Eye Dropperという拡張機能をGoogleChromeにインストールすると、表示中のWebページから指定した色のカラーコードを取得することができるようになります。
カラーピッカーエクステンション。画像編集ソフトなどでおなじみの"RGB"および"HGB"、またはパレット上で色を選択して16進数のカラーコードを抽出する事ができますし、その逆もできます。
更にこのエクステンションでは、WEBページ上のピクセルの色を抽出する機能もあります。これが秀逸♪ (^^)b Good Job!
Chromeエクステンション ナビ : Eye Dropper
Eye Dropperの使い方
1. Eye Dropperをインストールした状態で、Webページを表示します。
2. Eye Dropperのアイコンをクリックします。
3. pick color from webpageのボタンをクリックします。
4. Webページ中でカラーコードを取得したいところにマウスを持って行くとカラーコードが取得できます。
ちなみに取得したカラーコードは履歴として表示されるので、後からコピーするにも便利です。
