web-dev-qa-db-ja.com

画像から色を選ぶ方法

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

画像内の特定の位置にカーソルを移動したときに、カーソルの位置にある色の16進数コードを表示する必要があります。 Imageでなくても、画面に表示されているものすべてでそれを実行できるようにしたいと思います。さまざまな色を持つWindowsアプリケーションで作業しているとします。

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

67
Ananth

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

  1. 画像ファイルで画面をキャプチャします(目的の領域をつかむには、Snipping Toolなどを使用します)
  2. MS Paintでファイルを開く
  3. ペイントのピックカラーを使用してカラーをピック
  4. 「色の編集」ボタンを押す
  5. あなたはRGB値を持っています!
84
bsz

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

使い方

  1. システムトレイの[インスタントスポイト]アイコンにマウスポインタを移動します。
    Instant Eyedropper system tray icon
  2. マウスの左ボタンを押したまま、色を確認したいピクセルにマウスポインタを移動します。
    Instant Eyedropper color picker tool
  3. マウスボタンを放します。

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

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

  • クリップボードのカラーパターン(16進数など)
  • システムトレイでの起動
  • オーバーヘッドや広告は不要で、無料です。

Instant Eyedropper options panel

Windows XP、Vista、7、8、10で動作する可能性があります。


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

HSB形式は標準値を与えることに注意してください。

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

Windows上でペイントのようないくつかのツールはわずかに異なる値を与えます:

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

推論はWindowsのブログで説明されています

色相の理論上の範囲は角度で、0°以上、厳密には360°未満に正規化されています。色相が周期的であるため、範囲の上限値に達していないため、360°の値は0°に相当します。一方、彩度と輝度は、0.0から1.0までの浮動小数点数値です。

Windowsでは、色相、彩度、輝度の範囲は0から240になるように再調整されます。色相は端点を含まず(360°= 0°であるため)、彩度と輝度は端点を含みます(1.0が達成可能)。

Paintのようなツールを使ってウィンドウ上でスポイトツールを使いたい場合は、上で説明した比率で数学を行うか、可能な限りRGB値を使用してください。

50
Emile Bergeron

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

  • Chrome - DevTools(F12) - >要素 - >スタイル - >カラープレビューボックスをクリックする enter image description here
  • FireFox - ChromeまたはHamburgerメニューと同じ - >Web開発者 - >スポイトenter image description here
  • Internet Explorer - DevTools(F12) - >DOMエクスプローラー - > Ctrl + K - >ドロッパーモードを有効にします(一番左のボタン)
9
Ohad Schneider

私が気に入った機能 Just Color Picker

  • それは無料です。
  • ポータブルです(インストールは不要です)。
  • 多くのカラーフォーマット(HTML、RGB、HEX、HSB/HSV、HSL、CMYKおよびDelphi)をサポートします。
  • ホットキーおよび自動コピーオプションがあります。

enter image description here

7
AXO

PicPick はいいですね。

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

3
akira

ColorPic は色を選ぶのに適した無料のwindowsアプリです。彼らは同様に有料のものを持っていますが、私は景品が単純なもののためにちょうどうまくいくのを見つける。

2
Jafin

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

2

私は Pixlr をWebベースのものとして使っているので、Flashをサポートしているところならどこでも素早く簡単に使えます。

1
Sork

ColorPix は小さくて無料の単一ファイルアプリケーションです。

ColorPix screenshot

1
Sergey

私は Color Copユーティリティ でHTMLの色をキャプチャしていました。他の選択肢とは異なり、キャプチャした色を維持したままマウスを動かすと、後でCtrl + Cを押すことができます。

1

Nattyware Pixieをお勧めします。小型(10KB以下)、無料、ポータブル。そして、Windows Paintのルートよりはるかに簡単です。ああ、それはずっとずっと続いている。

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

0
mach128x

あなたはこのウェブサイトを使用してオンラインで簡単に画像から色を選ぶことができます:

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

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

0
biraj01

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

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

ステップ2:imagecolorpick.comに移動します。

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

ステップ4:カーソルを画像から色を選ぶために動かします

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

0
Karuppiah RK