WEBサイトを見ていると「このロゴの色良いなぁ」とか「この背景の色は何色を使っているのだろう」とかサイトで使われている色が気になることってありますよね。そんな時に気になった色(カラーコード)を簡単に調べることができる、Google Chromeの拡張機能「カラーピックアイドロッパー(ColorPick Eyedropper)」をご紹介します。
スポンサーリンク
カラーピックアイドロッパーの使い方
Chrome ウェブストアから「ColorPick Eyedropper」を追加する。
「Chrome に追加」をクリック。![](https://lifechannel.net/wp-content/uploads/2020/05/cpe01.jpg)
「Chrome に追加」をクリック。
![](https://lifechannel.net/wp-content/uploads/2020/05/cpe01.jpg)
![](https://lifechannel.net/wp-content/uploads/2016/05/yajirusi-730.jpg)
「ColorPick Eyedropper」のアイコンをクリック。
![](https://lifechannel.net/wp-content/uploads/2020/05/cpe02-1.jpg)
![](https://lifechannel.net/wp-content/uploads/2020/05/cpe03.jpg)
![](https://lifechannel.net/wp-content/uploads/2020/05/cpe04.jpg)
![](https://lifechannel.net/wp-content/uploads/2020/05/cpe02-1.jpg)
ポップアップが表示される。
マウスが十字のカーソルに変わるので、調べたい色の上に十字のカーソルを移動する。
![](https://lifechannel.net/wp-content/uploads/2020/05/cpe03.jpg)
調べたい色が決まったらクリック。
確定した色(カラーコード)が表示される。
![](https://lifechannel.net/wp-content/uploads/2020/05/cpe04.jpg)
色(カラーコード)をコピーして使いましょう。
終了する時は、カラーコードの右にある「×」印をクリックすると表示されているポップアップが閉じて終了します。