画像から色を選ぶ方法


72

画像から色を選択するにはどうすればよいですか?

画像内の特定のポイントにカーソルを移動すると、カーソルの色の16進コードが表示されます。画像ではなくても、画面に表示されているものなら何でもできるようにしたいと考えています。たとえば、さまざまな色のWindowsアプリケーションで作業しています。

それを行う方法はありますか?


1
利用可能なカラーピッカーの多くがWindows 10および高dpiでうまく機能しないことがわかったため、独自のツールを作成しました:github.com/Bluegrams/Colora
alxnull

回答:


91

Windowsでは、ソフトウェアを必要としない簡単な方法があります。

  1. 画面を画像ファイルにキャプチャします(Snipping Toolなどを使用して、目的の領域を取得します)
  2. MSペイントでファイルを開きます
  3. ペイントのピックカラーを使用して、カラーを選択します
  4. [色の編集]ボタンを押します
  5. RGB値があります!

6
私の知る限り、これはリストされている最良のソリューションです。なぜなら、それは普遍的であり、新しいソフトウェアをインストールする必要がないからです。
お茶堂

14
遅くて退屈。私達はちょうど...迅速なカラーピッカーを必要とする
ペール

3
.. MSペイントが表示できるかどうか、および16進数の色。:)
ニコラオブレシコフ

3
@Ochado私の知る限り、これは面倒で時間がかかり、利用可能な便利なソフトウェアを使用しないため、リストされている最良のソリューションではありません。
PHPst

3
待ってください、Windowsのデフォルトのソフトウェアは汎用的でも便利でもありませんか?
アーロンホール

53

インスタントスポイトはまさにあなたが探していたものです。

使い方

  1. マウスポインターをシステムトレイのインスタントスポイトアイコンに移動します。
    インスタントスポイトシステムトレイアイコン
  2. マウスの左ボタンを押したまま、マウスポインターを色を特定したいピクセルに移動します。
    インスタントスポイトカラーピッカーツール
  3. マウスボタンを放します。

それだけです。クリップボードには、HTML形式(または以前に指定した他の形式)の色コードが含まれています。テキストまたはHTMLエディター、またはPhotoshopのカラーピッカーツールで貼り付けて使用できます。

それは私が個人的にそのようなツールに望んでいたすべてのオプションが付属しています。

  • クリップボードの色パターン(16進数など)
  • システムトレイでの起動
  • オーバーヘッドや広告はありません。無料です。

インスタントスポイトオプションパネル

WindowsのXP、ビスタ、7、8、上の作品10、おそらくその先。


HSBオプションによって返される値の説明

HSB形式は次の標準値を提供することに注意してください。

  • 色相: 0-359度
  • 彩度: 0-100%
  • 明るさ: 0-100%

Windowsのペイントなどの一部のツールは、わずかに異なる値を提供します。

  • 色相: 0-239
  • 彩度: 0-240
  • 輝度: 0-240

その理由は、Windowsブログで説明されています

色相の理論的な範囲は角度であり、0°以上で厳密に360°未満に正規化されます。Hueは周期的であるため、範囲の上限値に到達しないため、360°の値は0°に相当します。一方、彩度と輝度は0.0〜1.0の浮動小数点値です(両端を含む)。

Windowsでは、Hue、Saturation、およびLuminanceの範囲が0から240になるように再スケーリングされます。Hueはエンドポイント専用です(360°= 0°であるため)。一方、SaturationとLuminanceはエンドポイント包括的です(1.0が達成できるため)。

ペイントなどのツールを使用してウィンドウでスポイトツールを使用する場合は、上記で説明した比率で計算するか、可能な限りRGB値を使用します


2
すべての他のソリューションよりもはるかに優れ
ゲオルギオスPligoropoulos

2
パーフェクト。小さくて、シンプルで、仕事をします。ありがとう。
ハジャミー

2
これは素晴らしい機能で、キーボードショートカットを有効にできます。すばらしい時間の節約!
SomeGuy

1
素晴らしい小さなアプリ
マルコデマイオ

1
「4Kモニター」の問題は、おそらく「ウィンドウ10のスケーリングされたモニターの問題」でしょう。1920 * 1080 14インチラップトップ+ 2 x 1920 * 1080 24インチモニターを使用しています。24インチ@ 100%で正常に動作しますが、組み込みモニター@ 150%スケールで追跡できません
Gerry Coll

9

画像をブラウザでレンダリングできる場合、それらのほとんどに組み込みのカラーピッカー/スポイトツールがあります。

  • Chrome -DevTools(F12)-> 要素 -> スタイル ->任意の色プレビューボックスをクリックここに画像の説明を入力してください
  • FireFox -Chromeまたはハンバーガーメニューと同じ-> Web Developer- > Eyedropper ここに画像の説明を入力してください
  • Internet Explorer -DevTools(F12)-> DOM Explorer- > Ctrl+ K-> インクドロッパーモードを有効にする(左端のボタン)

1
@ fixer1234完了
シュナイダー

7

Just Color Pickerで気に入った機能:

  • それは無料です。
  • ポータブルです(インストールは不要です)。
  • 多くの色形式(HTML、RGB、HEX、HSB / HSV、HSL、CMYK、Delphi)をサポートします。
  • 持っているホットキーautocopyオプションを。

ここに画像の説明を入力してください


W7でうまく機能していません
Marco Demaio

これが使用方法です。チャンピオンのように機能する
バリーチャップマン

3

PicPickは素晴らしい:

これは、フル機能のスクリーンキャプチャツール、直感的な画像エディター、カラーピッカー、カラーパレット、ピクセルルーラー、分度器、十字線、さらにはホワイトボードを提供するオールインワンプログラムです。


8
参考までに、無料またはオープンソースではありません
Shital Shah

1
PicPickに無料版がありますが、これは個人使用専用であり、自動更新されません。それ以外は、有料版と同じです。
CalvT

2

Firefoxを使用する場合、Colorzillaが好きです。スポイトツールを使用して、画像を含むWebページ内の任意の場所をクリックするだけで、RGBおよび16進コードが返されます。


8
Colorzillaは非常に便利ですが、「さまざまな色のWindowsアプリケーションで」色を選択する場合の解決策ではありません。
エミールベルジェロン

1
Kevinに同意しながら、あなたの色がウェブページにある場合、拡張の必要はありません(これを複数回行う必要がある場合は速くなる可能性があります)が、F12を押してデバッグコンソールを開き、左上をクリックして「要素を選択」し、ブラウザーでそれを指す
ニック

ソフトウェアをインストールする必要がないため、これは良いことです。ブラウザで画像を開くか、ブラウザで画像をドラッグアンドドロップするだけです
-stom

2

ColorPicは、色の選択に適した無料のWindowsアプリです。彼らは同様に有料のものを持っていますが、私は無料のものが簡単なもののためにうまくいくと思います。


1

私が使用Pixlrを、それがあることのために、非常に速くおよびFlashをサポートしているどこでも使いやすいWebベースの。




0

Nattyware Pixieをお勧めします。小さな(10 KB未満)、無料、ポータブル。そして、Windowsペイントルートよりもはるかに簡単です。ああ、それは永遠に続いています

http://www.nattyware.com/pixie.php


なぜダウン投票されたのか分かりません。アップ
ユーゴー

スクリーンスケーリング(高DPI)を備えた最新のスクリーンでは動作しないと思います。このツールはお勧めできません。
user643011

@ user643011、あなたはそれが機能すると「思わない」?実際にテストし、その声明が仲間のユーザーにとってより役立つことを確認できます。
mach128x

1
@ mach128x:機能しません。
user643011

0

このWebサイトを使用して、オンラインで簡単に画像から色を選択できます。

オンライン画像カラーピッカー

任意のデバイスから任意の画像をアップロードするだけで、カーソルの位置にある色の16進コードが表示されます。


質問では、画像だけでなく、画面上の任意の場所で色を選択することについて尋ねます。オンラインサービスでは直接行うことはできません。
fixer1234

0

たくさんの回答がすでに投稿されています。この回答も追加します。

ステップ1:画面をキャプチャする

ステップ2:に行くimagecolorpick.com

ステップ3:画像をアップロードする

ステップ4:カーソルを移動して画像から色を選択する

また、ImageColorPickは、Hex、RGB、CMYK、およびHSLのカラー値を表示します。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.