【超簡単】サイトの色コードを調べる方法！初心者でもすぐわかる

ColorPick Eyedropperへアクセスし画面右側の「Chromeに追加」ボタンをクリックします。

ポップアップ画面が表示されるので「拡張機能を追加」ボタンをクリックします。

「ColorPick Eyedropper」がChromeに追加されましたと表示されれば完了です。

インストールが成功するとブラウザの右上にアイコンが表示されますが、もし追加されていない場合は次の手順へ進んでください。

ColorPick Eyedropperインストール時にアイコンが表示されていない場合は、以下の手順を実行してください。

画面右の「拡張機能」アイコンをクリックしColorPick Eyedropperのピンをクリックします（青色になったらOKです）。

アイコンが追加されていれば完了です。

調べたいWebサイトをGoogle chromeで開いてください。

Webサイトを開いたら、右上の「ColorPick Eyedropper」アイコンをクリックします。

調べたい場所までカーソルを持っていってください。

調べたい場所までカーソルを持っていったらクリックします。

クリックしたらカラーコードを選択してコピーすれば完了です。

「FDFDFD」がカラーコードになります。

終了する場合は、右側の「☓」アイコンをクリックしてください。

ColorZillaへアクセスし画面右側の「Chromeに追加」ボタンをクリックします。

ポップアップ画面が表示されるので「拡張機能を追加」ボタンをクリックします。

「ColorZillaがインストールされました」と表示されれば完了です。

インストールが成功するとブラウザの右上にアイコンが表示されますが、もし追加されていない場合は次の手順へ進んでください。

ColorZillaインストール時にアイコンが表示されていない場合は、以下の手順を実行してください。

画面右の「拡張機能」アイコンをクリックしColorZillaのピンをクリックします（青色になったらOKです）。

アイコンが追加されていれば完了です。

調べたいWebサイトをGoogle chromeで開いてください。

Webサイトを開いたら右上の「ColorZilla」アイコンをクリックして、メニューから「ページからカラーを選択」を選択してください。

調べたい場所までカーソルを持っていってください。

画面上部に色（カラーコード）が表示されます。

調べたい場所へカーソルを持っていったらクリックしてください。カラーコードがコピーされています。

試しにメモ帳に貼り付けてください

今回の例では#FDFDFDとコピーされたことが確認できます。

Google Chrome右上のColorZillaアイコンをクリックして「選択した色の履歴」を選択します。

今まで調べた色の履歴が記録されていて、色（カラーコード）を確認することができます。