おすすめのGoogle Chromeの拡張機能【カラー編】

BLOG
ブログ

公開日:2021.7.5

良かったらハートを押してね！

インターネット

スマートフォン

パソコン

紹介

＜こちらの「記事」は、下記のような疑問のお役立ち情報としてご参照ください＞
※操作説明や機能説明は申し訳ございませんが行っておりません…

・Google Chromeでカラーを調べられる拡張機能って何があるの？

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

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

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

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

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

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

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

1.Google Chromeの拡張機能の概要

①Google Chromeの拡張機能とは？

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

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

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

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

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

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

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

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

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

画像に alt 属性が指定されていません。ファイル名: 拡張機能追加方法1R2.jpg

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

画像に alt 属性が指定されていません。ファイル名: 拡張機能追加方法2R3.jpg

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

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

画像に alt 属性が指定されていません。ファイル名: 拡張機能追加方法3R3.jpg

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

2.おすすめの拡張機能

①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など様々なカラーコードに対応しており、取得した色の保存もできるので非常に使い勝手がよいです。

3.まとめ

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

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

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

・Google Chrome（グーグルクローム）とは？メリットと便利な機能

・Firefox(ファイアーフォックス)とは？メリットと機能について

・Safari(サファリ)とは？メリットと小技を紹介

ライター：井上

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

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

良かったらハートを押してね！