Webサイト上のカラーコードがすぐ分かるColorPick Eyedropper

Webサイト上の知りたい色のカラーコードがワンクリックで分かるGoogle拡張機能ColorPick Eyedropperをご紹介します。

chromeウェブストアにアクセスし、ColorPick Eyedropper をChromeに追加します。


ColorPick Eyedropper の使い方

使い方はとても簡単で、調べたいサイトを googleブラウザで開いた状態で、 画面右上のツールバーに追加されたアイコンをクリックします。

すると上図の様な画面になるので、調べたい色の上にカーソルをもっていき、クリックします。

クリックするとコピーできます。

知りたいコードがあった時、デベロッパーツールで確認することもできますが、少し面倒です。ColorPick Eyedropperだととても簡単なのでぜひ試してみてください。