PCの画面に表示される全てのカラーコードがわかる/ColorZilla

ColorZilla

ColorZilla は、PC上の色を取得してくれるツールです。Google Chrome 拡張機能で、簡単に利用できます。

ColorZilla のインストール

Chrome ウェブストア の「ColorZilla」のページ（下のリンク）でインストールするだけで利用できます。

• 公式 Chrome ウェブストア の「ColorZilla」のページ

Google Chrome の拡張機能をインストールすると、Google Chrome のアドレスバーの拡張機能のアイコンで確認できます。

ColorZilla を使う

1. 拡張機能のアイコンをクリック
2. ColorZilla をクリック
3. 知りたい色の上にカーソルを持っていく
4. 色の情報が表示される

拡張機能のアイコン

カーソルの部分の色の表示

カーソル部分の色の情報が表示されます。

カラーコードのフォーマット（#123456やRGBカラーコード）

ColorZilla で取得した色の確認

1. 拡張機能のアイコン→ColorZillaを開く
2. 選択した色の履歴をクリック

色の履歴で確認

色の履歴は「✕」で削除できます。

ウェブ上の画像の色を知りたい

デベロッパーツールで確認できないキャッシュされたサイトの色や画像の知ることができます。

• 画像にカーソルを合わせる

ブラウザ外の色を調べる

ウェブ上にはないフォルダに保存している画像の色など、ブラウザ外、PC内の色を調べることができます。

PCのファルダ内の画像を開き、色を調べる

拡張機能を削除する手順

拡張機能は必要な時だけ利用し、使用を終えたら削除する方が良いかと思います。

1. 拡張機能のアイコンをクリック
2. ColorZilla の右側の三点メニューを開く
3. Chromeから削除をクリック

ブラウザのアイコンの隣の三点メニューより「拡張機能」→「拡張機能の管理」でも削除できます。

Google Chrome 拡張機能の安全性

Google Chrome 拡張機能はすぐにインストールでき、簡単に削除できる機能ですから、必要な時だけインストールして利用しています。

ウェブ上の色を取得する拡張機能には、「ColorPick Eyedropper」もありますが、「ColorPick Eyedropper」は Google Chrome の判断により、ベストプラクティスに沿わないためにサポートを終了するとページに表示されています。

機能として十分でない場合は、Google Chrome 拡張機能からサポートされないようで、ある程度は信頼して利用しています。

サポートが中止になるであろう拡張機能