グーグル拡張ツール　ColorPick Eyedropperで画面上の「色」のカラーコードとRGB情報が分かる！

いろんなサイトや画像を見ていると、

「これは何色？」と思うことってありますよね。

その疑問に答えてくれるのが、グーグル拡張ツールの「ColorPick Eyedropper」です。

画面上の色にマウスをかざしてクリックするだけで、カラーコードとRGB情報をくれるのです！

インストール方法

１．以下のChrome ウェブストアのページを開きます。

２．[Chromeに追加]ボタンをクリックします。

３．もう一度確認のメッセージが出ますので、[拡張機能を追加]をクリック。

インストールできると、アドレスバーの右に、以下のようなアイコンが出ます。

使い方

１．知りたい色があるページをChromeで開きます。

２． ColorPick Eyedropper のアイコンをクリック。

３．知りたい色の上にマウスを移動。以下のように情報が出ますね。

マウスがポイントしている部分が拡大されて表示されています。

中央の四角にある色の情報を出してくれています。

自分が欲しい色をポイントして中央の四角に入れたら、クリック。

以下の様に、カラーコードとRGB情報がコピーできる状態になります。

終了したいときは、ⓧをクリック。

おわりに

色使いや配色によって、伝えたい気持ちの雰囲気を生み出すことができます。

ことば以上に雄弁である場合もありますよね。

まるで色そのものがメッセージを届けてくれるかのようです。

そしてこの世界には、何とたくさんの色があることでしょう。

名前を言える色なんて、ほんの一部です。

写真の色などは、見ただけだと、何色かよく分からないこともあります。

夕焼けや海の色を出したいと思っても、同じ色をピッタリ探すのは意外と大変です。

配色がうまいサイトの色を使いたくなるときもあります。

ちなみに、「オフラインで手持ちにある画像ファイルのカラーコード」を調べたい場合は、ペコステップというサイトにその画像ファイルをアップロードすると、カラーコードが取得できます。その機能は、以下の記事の目次１－３番に書いてあります。