カラーピッカーのChromeのアドオンを導入してみた【無料でできるよ】

記事内に広告が含まれています。

Chromeで使えるカラーピッカーのアドオンを設置した手順を解説してるよ。

うちやま
うちやま

ガンダムの色を確認するために設置しました。笑

スポンサーリンク

【機能拡張】カラーピッカーのchromeのアドオンを導入する手順

Chromeで使えるカラーピッカーの代表的なアドオンが異常の2つ。

今回は「ColorPick Eyedropper」を導入したので、その手順を解説します。

ColorPick Eyedropper

これを入れるよ。

カラーピッカーをダウンロードする

ColorPick EyedropperをChromeに追加

ColorPick Eyedropper

Google ChromeでChromeウェブストアにアクセス。

Chromeに追加」をクリックしてColor Pickerをインストールします。

拡張機能を追加

こちらの画面が出てくるので「拡張機能を追加」をクリック。

拡張機能がインストールされました。

ColorPick Eyedropperがchromeにインストールされた画像

ブラウザにColorPick Eyedropperが表示されていればOK。

Chrome拡張機能の編集画面

アドオンが多すぎて埋もれたり、インストールしたけどブラウザに表示されない場合、「拡張機能(画面赤枠)」をクリックし、続けて「ColorPick Eyedropper(画面赤枠)」をクリック。

ChromeにColorPick Eyedropperが追加

ブラウザ上に表示されます。

うちやま
うちやま

つづけてカラーピッカーの使い方を解説します。

カラーピッカーの使い方

ColorPick Eyedropperのアイコンをクリック

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

ColorPick Eyedropperの作業例

カーソルが「十字マーク」になり選択できる状態になりますので、色味を調べたい箇所にカーソルを動かしていただき、

ColorPick Eyedropperを使って画面上にクリック

調べたい箇所をクリックするとカラーコードが表示されます。(表示されたカラーコードはそのままコピーできます。)

閲覧しているサイト内の色を取得したい時に便利な拡張機能です。

注意!対象はブラウザのウィンドウ内のみ

アドオンや拡張機能のカラーピッカーは色を取得できるのはそのブラウザのウィンドウ内のみとなります。

よって、ブラウザ外で画面内のどこの色でも色味のデータを取得したい場合は「カラーピッカー(Color Picker)」というソフトをPCにインストールしてご活用ください。

カラーピッカー(Color Picker)なら、画面内のどこの色でもが可能です。

【補足】Color Pickerの使い方

  • ダウンロードしたzipファイルを解凍
  • 解凍したフォルダ内の「ColorPicker.exe」をダブルクリックで起動
  • クリックまたはEnterボタンでカーソルの部分のカラーコードを取得してクリップボードに保存
  • 【終了方法1】Escで常駐をしつつ終了
  • 【終了方法2】Alt+F4で常駐せずに終了

まとめ

弊社のようなWeb系のお仕事をしていたり、普段からブログを作ったりしている人であればChromeでの作業が多いと思いますので、カラーピッカーのアドオンは重宝する拡張機能ですからぜひ活用してみてくださいね。

うちやま
うちやま

ガンダムの「赤」は#40607だったのか。。。

この機体の開発者
スミ入れがんばる
うちやま(内山智明)

新卒で入社したブラック企業で月の残業168時間、気合努力根性の精神論だけで詰められ、簡単に辞めさせてくれない毎日を過ごして退職するまでに苦労した経験がある。現在は株式会社BuildingBlockの代表となり、自身の経験を元に、会社を辞めたいのに辞められない・辞めると言い出しにくい人向けに退職や辞め方に関する情報発信を行う

うちやま(内山智明)をフォローする

お役立ち資料ダウンロード

びるぶろでは、ブログ運用に役立つ資料をご用意しています。

無料でダウンロードいただけますので、ぜひご活用ください。

>>お役立ち資料を見てみる

資料ダウンロードバナー

|д゚) ココノソンザイニキヅイチャッタ??
ブログ運営でかゆいところに手が届くびるぶろのメルマガ

SEOと猫とガンプラが好きな人が書いてるメールマガジン。以下に反応しちゃう人が読むと面白いと思うよ。

  • 月に10万PVぐらいはやってみたい
  • 上位表示できるキーワード選定を知りたい
  • クリック数を改善したい
  • CVRやCTRを上げたい
  • 私も猫が好きだよって方も是非!
拡張機能
スポンサーリンク
スポンサーリンク
\ 別部隊の仲間たちにも伝える /