カッコいい!ガンダムのフリー素材が使えるよ >>

【第32話】カラーピッカーの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だったのか。。。

この機体の開発者
スミ入れがんばる
うちやま

株式会社BuildingBlockの代表。第08MS小隊のガンプラはけっこう作った。アレルギー性鼻炎もち。天パー。Web制作や集客対策とかもやってる。猫先生に仕事のデスクが取られた。

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

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

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