当ブログでは、様々なブラウザ （インターネットを使うためのソフト） を紹介してきました。

よければこちらの記事もあわせてご参照ください。

・Google Chrome（グーグルクローム）とは？メリットと便利な機能
・Firefox(ファイアーフォックス)とは？メリットと機能について
・Safari(サファリ)とは？メリットと小技を紹介
・おすすめのブラウザはどれ？ | Google Chrome、Safari、Firefox他

Google Chromeの便利な拡張機能の解説、3回目の今日は「使用されているカラーがわかる拡張機能」についてご紹介します。

気に入った拡張機能があれば是非使ってみてください。

※2021年7月5日現在の情報です

目次

1. Google Chromeの拡張機能の概要
   ①Google Chromeの拡張機能とは？
   ②Google Chromeの拡張機能の追加と使用方法
2. おすすめの拡張機能
   ①ColorPick Eyedropper（カラーピック・アイドロッパー）
   ②Just Color Picker（ジャストカラーピッカー）
   ③ColorZilla（カラージラ）
   ④16進数カラーピッカー
3. まとめ
   

①Google Chromeの拡張機能とは？

Google Chrome（グーグルクローム）は多くのユーザーが利用するブラウザです。

その大きな特徴として「拡張機能」と呼ばれる、ブラウザをより便利にするための追加機能が豊富な点が挙げられます。

拡張機能は無料のものが多いので、いくつか追加してみて、自分の用途に合っているか試してみるのがオススメです。

※当記事は無料で使える拡張機能のみをご紹介しておりますが、拡張機能により一部の機能は有料になっている場合がありますので予めご了承ください。

②Google Chromeの拡張機能の追加と使用方法

※今回は一例として「Awesome Screenshot（オーサム・スクリーンショット）」という拡張機能を例にご紹介します

①Chromeウェブストアを開く
URL：https://chrome.google.com/webstore/category/extensions?hl=ja

②左上の検索窓に「Awesome Screenshot」と入力し検索

③検索結果の中の「Awesome Screenshot」 をクリック

④「Chromeに追加」をクリック

⑤「追加しますか？」という確認ダイアログが開くので「拡張機能を追加」をクリック

⑥拡張機能のダウンロードが完了したら、拡張機能を使いたいページで右上のパズルピースのようなアイコンを押し、その中から 「Awesome Screenshot」 をクリック

⑦後は画面の指示にしたがって、使いたい操作を選べば完了です。

①ColorPick Eyedropper（カラーピック・アイドロッパー）

ColorPick Eyedropperは、マウスカーソルを合わせるだけで使われているカラーがわかる拡張機能です。

HEX（ヘックス）値と呼ばれる#000000のような形式のカラーコードだけでなく 、RGB（0,0,0）、HSL（0,0%,0%)のような形式にも対応しています。

②Just Color Picker（ジャストカラーピッカー）

Just Color Pickerは、マウスカーソルを合わせることで使用カラーがわかる拡張機能です。

RGB、HEX、HSB、HSV、HSLなど幅広いカラーコード表示に対応しており、一度取得した色が履歴として保存されるのも嬉しいポイントです。

③ColorZilla（カラージラ）

ColorZillaは、マウスカーソルを合わせてクリックすると素早くその色を調べることができる拡張機能です。

クリックした時点で、その色がクリップボードにコピーされるので、コードエディターなどにすぐに貼り付けができる点が ColorZillaのメリットです。

④16進数カラーピッカー

16進数カラーピッカーは、カーソルを合わせた部分の色を取得できる拡張機能です。

HEX、HSL、RGBなど様々なカラーコードに対応しており、取得した色の保存もできるので非常に使い勝手がよいです。

今回はカラーを調べるGoogleChromeの拡張機能ついて詳しく調べてみました。

それぞれの拡張機能ごとに機能や使い勝手の違いがあるので、どの拡張機能が合うか試していただければと思います。

当記事がGoogle Chromeの拡張機能について参考になれば幸いです。

ライター：井上

WWGではホームページ制作・リニューアルに関するさまざまな相談をサポートさせて頂いております。お気軽に下記までお問い合わせください。

愛知 県内から 名古屋 を中心にホームページ制作を行っている会社
株式会社WWG（ダブルダブルジー）
愛知県名古屋市中村区名駅5-16-17　花車ビル南館5F
TEL： 052-485-6846
※ ホームページ制作や活用サポートのお問い合わせはコチラから