ツール&ソフト

ColorPick Eyedropperで知りたいカラーコードを「たったの3秒」で楽々チェックする方法

こんにちは、風早です!
僕の詳しいプロフィール

さて、今回のお題はこちらです!

Chrome拡張機能『ColorPick Eyedropper』の使い方

ブログやWebサイトを運営していると、大なり小なりデザインも触ることになっていくんですが、

この画像の青い部分カラーコードは何だろう?

とか、

この人のブログの文字、一体何色なんだろ~?

といった感じで、ブログやWebサイト上のロゴや背景、画像やボタンといったものの「カラーコード」を知りたいときが、実は少なからずあったりするんですね。

カラーコードとは?

Web上で色を表現するために用いられる、文字の羅列からなる符号のことで、「ウェブカラー」とも呼ばれます。

例えば、

  • ホワイトなら「#ffffff」
  • ブラックなら「#000000」

といった感じで、「#」+「英数字6桁」で表現されるのが一般的です。

僕は過去にカラーコードを調べたい場合、「色 見本」といったキーワードで検索して、そこで見つけたサイトと、Windowsのペイントツールとを組み合わせながら調べるという、結構アナログな方法でカラーコードを調べていた時期がありました。

でも、そんなアナログで非効率な方法を使わなくても、「たったの3秒で」カラーコードを調べることができる方法があるんです。

それが『ColorPick Eyedropper(カラーピッカーアイドロッパー)』というChromeの拡張機能。

というわけで今回は、ColorPick Eyedropperについて解説していこうと思います。

ColorPick Eyedropperの機能


ColorPick Eyedropperを使えば、たったの3秒で簡単に知りたい部分のカラーコードを調べることができます。

どうしてそんなに簡単なのかというと、下の画像のように知りたいカラーコードの部分にカーソルを持って行くだけで、カラーコードを取り出すことができてしまうからです。

このように、KALDIのロゴの青い部分のカラーコードは「#014099」ということがあっという間に判明するんですね。

ColorPick Eyedropperの使い方


下記のページにアクセスし、Chromeに拡張機能を追加します。

※必ずChromeからアクセスしてください。



Google ChromeのツールバーにColorPick Eyedropperのアイコンが表示されたら、これで準備完了です!

ColorPick Eyedropperのアイコンをクリックします。


調べたい色の箇所にカーソルを持って行きます。

ColorPick Eyedropperのアイコンをクリックすると、十字のカーソル表示が出現するので、調べたい色の箇所まで持っていってみてください。

下の画像のように調べたい箇所のカラーコードが自動で表示され、ブログロゴのこの部分のカラーコードは、「#5D9CE0」だということが分かりました。


カラーコードを知りたい部分にカーソルを持っていって、そこでクリックすれば、カラーコードを全選択&コピーすることができるようになります。

バツ印を押せば、ColorPick Eyedropperの起動を終了させることができます。


風早
風早
拡張機能の導入手順については、下記のページを参考にしてみてください。
Chrome拡張機能をインストール・アンインストールしたり管理する方法 Google Chromeは、「Chrome ウェブストア」というGoogleが提供するアプリケーションストアから任意の...

まとめ

というわけで今回は、Chrome拡張機能ColorPick Eyedropperの使い方について解説させていただきました。

実際に使ってみると、物凄く簡単だったんじゃないでしょうか?

僕は以前はカラーコードを調べるだけで、1~2分はかかってましたがこの方法なら、ものの3秒で調べることができますね!

ぜひカラーコードを調べる際の参考にしてみてくださいね。



自由と自分らしいライフスタイルの描き方


ABOUT ME
運営者名:風早 ノヴ
愛知県出身。

名古屋駅から車で15分くらいのところでのんびり暮らし。

気づけばビジネス歴10年超のアラフォー主夫です。

ダークブラックな企業で働くうちに人生があっという間に過ぎ去ってしまうことにとてつもない恐怖感を覚え、

「このままではヤバイ!」

的な感じで暗中模索。

同時期に自分が社会不適合者だと気づき、自分のペースで穏やかに暮らしていきたいとの思いからネットでビジネスを始めてみました。

その後、アフィリでそこそこ成果が出たのでウザかった職場とサヨナラ!
→個人事業主へ。

それからとんでもなく遠回りしたものの、今はブログ・メルマガ・SNS・コンテンツ販売で家から出ずに稼ぎつつ、1人でヒッソリと2社の法人を経営できるまでに…。

自宅から一切出なくても稼げるようになったので、念願だったひきこもりには成功中です。

最近は、

『家から出ずに完結するビジネスを作り副業から脱サラして独立した後も経営者として安定的に自立して暮らす』

をコンセプトとして、

・場所を選ばない働き方
・理想とする丁寧な暮らし

の実現を目的としたコミュニティを運営しています。

たった一度の人生なので、会社に依存せずに自由で自分らしく生きていきたい方、もっと人にやさしく生きていきたい方は、僕のコミュニティを覗いてみたら何かが変わるかもです。

【趣味】漫画・アニメ・車
【将来の夢】中古車販売店オーナー