画面の好きな所から色が取得できるChrome拡張機能『ColorPick Eyedropper』

『ColorPick Eyedropper』はChrome拡張機能の一つです。
画面上の好きな所にカーソルを合わせるとその場所の『カラーコード』『RGB値』を取得できます。

といった時にとても便利な機能です。

Color Pickerの使い方

まずはChromeウェブストアへでColor Pickerをインストールしましょう。

1.拡張機能の『カラーピッカー』のアイコンをクリック

拡張機能を開きピンのマークをクリックします。
⇩
上にカラフルなアイコンが表示されるのでクリックします。

2.カラーコードが欲しい所にカーソルを合わせる

『✛』のカーソルが表示されるのでカラーコードを取得したい場所に合わせます。

表示された『カラーコード』『RGB値』をコピーしてCSSに反映させる。

注意点

このカラーピッカーは簡単で便利ですが、×マークをクリックして閉じないと、マウスカーソルがずっとカラーピッカーのままです。

以上で「ColorPick Eyedropper」の解説を終わります。