思うこと

ChromeのColorPick Eyedropperで色番号を調べる方法

マサユキ
マサユキ

Chromeの拡張機能にあるColorPick Eyedropperを使うことでブラウザ上の色番号を簡単に知ることができます。
素敵なサイトで使われているデザインの色や特定の色番号を知りたい人は、ぜひこの記事を読んでみて下さい。

ColorPick Eyedropperで色番号を調べる方法

1.ColorPick Eyedropperのダウンロード

Chromeウェブストアにアクセスし検索バーに「ColorPick Eyedropper」を入力。

ColorPick Eyedropper Chromeウェブストア

一覧の中からColorPick Eyedropperを選択。

ColorPick Eyedropper Chromeウェブストア ダウンロード

「Chromeに追加」ボタンを押しダウンロードを開始。

ColorPick Eyedropper Chromeウェブストア ダウンロードボタン

2.ColorPick Eyedropperの起動

ダウンロード後にGoogle Chromeを開くと画面右上のメニュバーにColorPick Eyedropperのアイコンが追加されているのでアイコン選択しColorPick Eyedropperを起動。

ColorPick Eyedropper 利用方法

3.ColorPick Eyedropperで色の読み取り

ColorPick Eyedropperを起動すると画面上にカーソルが表示されカーソルのある場所の色番号が表示されます。

ColorPick Eyedropper 色番号

色番号をコピーすることでウェブ上の画面で見た色と全く同じ色を使うことができます。