画面の色をスポイト!今見ている色のコードやRGBを素早く取得する

画面の色をスポイト!今見ている色のコードやRGBを素早く取得する

ネットをしていると、「あ、この配色いい!」と思うWebサイトやイラストに出会うことってありますよね。皆さんはそのとき、どうやってその色のコードやRGBを取得していますか?もし、スクショを撮ってペイント系ツールで開いてスポイトする……というようなやり方で取得していたとしたら、もっと簡単な方法がありますよ!ソフトやアドオンを使えばほんの数秒で画面上の色を取得することができるのです。

ということで今回は、画面の色をスポイトで取得する方法について解説します。

フリーソフトを使う

ColorPickerのダウンロードページ
http://www.vector.co.jp/soft/dl/win95/art/se350616.html

ColorPickerはインストール不要のフリーソフトです。ダウンロードしたファイルを解凍し、中に入っている「ColorPicker.exe」を起動するだけで使用できます。

「ColorPicker.exe」を起動すると画面が静止するので、カーソルの先端を取得したい色に合わせます。カーソルを合わせたら[スペース]キーを押してメニューを表示します。上から順に「大文字カラーコード」「小文字カラーコード」「Delphi形式」「RGB値」「VB形式」となっているので、取得したい情報をクリックしてください。そうすると、クリップボードに情報がコピーされます。

ColorPickerの操作画面

情報をコピーすると静止状態が解除されます。解除されてもソフトは常駐しているので、一度起動すれば[Ctrl]+[Alt]+[Q]で何度でも色を選択できるようになります。色を選択せず静止状態を解除したい場合は、[ESC]キーを押します。

アドオンを使う

ColorZillaのダウンロードページ

Firefox版のアドオンをインストールすると、ツールバーにスポイトアイコンが追加されます。

ColorZillaのアイコン

スポイトアイコンをクリックするとカーソルが十字になるので、十字の中心を取得したい色に合わせてクリックします。

ColorZillaの操作画面

スポイトアイコンの右にある▼をクリックすると、メニューが表示されます。いくつかある「コピー”◯◯◯”」の中から取得したい情報をクリックすると、その情報がクリップボードにコピーされます。

スポンサーリンク

ColorZillaのメニュー

「常にRGB値を取得したい」という場合は、メニューから選択せず画面をクリックした時点で自動的にクリップボードに情報がコピーされるようにすることもできます。その場合は、メニューを表示し、「オプション」⇒「採取した色情報を自動的にコピー」の順にクリックし、自動コピーを「有効」にして、「コピー rgb(R,G,B)」を選択します。

ColorZillaのオプション

ほかにもいろいろな機能のあるアドオンですが、基本的な使い方はこんな感じです。

Photoshopを使う

Photoshopのスポイト機能で画面上の色を拾うこともできます。

やり方はとっても簡単。まず、カラーピッカーを出します。次にカンバスをクリックし、取得したい色のところにスポイトがくるよう、ぐいーっとドラッグします。そうするとカラーピッカーの色が変わるので、手を離します。これだけです。

Photoshopの操作画面

実は私、最近になってこういうことができるのを知りました。Photoshopを使い始めてもう何年も経つのに、お恥ずかしい……。

おわりに

今回ご紹介したソフトやアドオンは全て無料のものなので、使用しているパソコンが対応していれば誰でも今すぐ利用することができます。Photoshopをお持ちであれば、Photoshopのスポイト機能を使って色を取得するのが早いです。

以前、自動でカラーパレットを作ってくれるWebサービスについてまとめました。「画像で使っている色をいくつかピックアップする」といったことがしたい場合は、以下の記事でご紹介している、「Pictaculous」というサイトがおすすめです。

それでは!

スポンサーリンク

関連記事

  1. Photoshopで波線や省略記号(省略を表す波線)を描く

    画像・映像・音楽

    Photoshopで波線や省略記号(省略を表す波線)を描く

    Photoshopには、始点と終点を決めるだけで直線が引ける「ラインツ…

  2. Photoshopで作成したパターンの保存先はどこ?

    画像・映像・音楽

    Photoshopで作成したパターンの保存先はどこ?

    Photoshopでパターンを作成したら、ファイルのバックアップをとっ…

  3. PC画面を録画(撮影)できるフリーソフト「oCam」の使い方

    画像・映像・音楽

    PC画面を録画(撮影)できるフリーソフト「oCam」の使い方

    PCの操作説明や、PCゲームプレイ中の動画を撮影するとき、必要なのが動…

  4. Photoshopで画像の白い部分を透明化(透過)する

    画像・映像・音楽

    Photoshopで画像の白い部分を透明化(透過)する

    今回は、Photoshopで画像の白い部分を透明化(透過)する方法につ…

  5. SAIでの直線の引き方とは?好きな方向への直線・垂直線・水平線・枠線など

    画像・映像・音楽

    SAIでの直線の引き方とは?好きな方向への直線・垂直線・水平線・枠線など

    建物や家具などの背景、ボーダーやストライプなどの模様、コマ枠などなど、…

  6. SAIにブラシ形状やブラシテクスチャを追加する方法

    画像・映像・音楽

    SAIにブラシ形状やブラシテクスチャを追加する方法

    配布されているブラシ素材をSAIで利用する場合、単純にSAIフォルダに…

PAGE TOP