Chrome拡張機能:画面クリックでカラーコードを取得「ColorPick Eyedropper」

Color

 

閲覧サイト上で画面をクリックするだけで色がわかるツール(Chromeの拡張機能)の使い方になります。

 

機能追加

ColorPick Eyedropper

上記にアクセスし「Chromeに追加」を押します。

ColorPick Eyedropper

 

追加しますか?と案内がでるので「拡張機能を追加」を押します。

ColorPick Eyedropper

 

追加されました と出ますので ×で閉じます。

ColorPick Eyedropper

 

ブラウザの右上のあたりにアイコンが追加されます。

ColorPick Eyedropper

 

 

削除する場合もサイトにアクセスし「Chromeから削除します」ボタンを押すだけです。

ColorPick Eyedropper

 

使い方

ブラウザに追加されたアイコンを押します。

ColorPick Eyedropper

 

以下のような窓が表示されます。

ColorPick Eyedropper

 

カーソルを動かすと、カーソルが載った箇所の色が表示されます。

ColorPick Eyedropper

 

ColorPick Eyedropper

 

クリックすると以下のように表示され、それぞれのコードをコピーする事が出来ます。

 

ColorPick Eyedropper

 

以上です!

関連記事

Color

Posted by 綾糸