サイトページ内のカラーコードを知りたい時に、便利なツール「ColorPick Eyedropper」をご紹介します。
ColorPick Eyedropper
カラーコードをクリックで簡単に知ることができるツールです。
Chromeの拡張機能ですのでChromeで使用することができます。
導入方法
下記のリンクからサイトに移動し、「Chromeに追加」をクリックします。
ColorPick Eyedropper - Chrome Web Store
A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.
「Chromeに追加」ボタンをクリックするとChromeに追加されます。
ウィンドウ上部にあるツール表示欄に下記の画像アイコンが追加されたら完了です。
使用方法
Chromeに追加すると、ブラウザ右上のツールタブで使用することができるようになります。
カーソルを当てている部分のカラーコードが表示されます。
クリックするとカラーコードが表示されるのでコピーして使用できます。
オプション
オプションでいろいろ設定ができますので、好みの設定にカスタマイズしてみてください。