How to pick a color from an image

Question

How can I pick a color from an image?

When I move the cursor to any particular point in the image, I want the hex code of the color at the cursor to be displayed. I would like to be able to do that with anything displayed on the screen even if it is not an Image, say I am working on any Windows application having various colors.

Is there a way to do that?

Solution 1

In Windows, there is an easier way that doesn't need any software.

1. Capture the screen in an image file (use something like the Snipping Tool to grab the desired area)
2. Open the file with MS Paint
3. Use Paint's pick color and pick the color
4. Press "Edit Colors" button
5. You have the RGB values!

Solution 2

Newer alternative

See Richie Bendall's answer about PowerToys' Color Picker. PowerToys includes multiple useful utilities as well!

---

Original suggestion

Instant Eyedropper is exactly what you were searching for.

How it works

1. Move the mouse pointer to the Instant Eyedropper icon in the system tray.
   
2. Press and hold the left mouse button and move the mouse pointer to the pixel whose color you want to identify.
   
3. Release the mouse button.

That's it. The clipboard now contains the color code - in HTML format (or any other format that you have previously specified). It can be pasted and used in any text or HTML editor or the Color Picker tool of Photoshop.

It comes with all the options that I personally wanted of such tool.

• Clipboard color pattern (Hex, and others)
• Startup on system tray
• No overhead or ads and it's free.

Works on windows XP, vista, 7, 8, 10 and probably beyond that.

---

Clarification on values returned by the HSB option

Note that HSB format gives standard values, which are:

• Hue: 0-359 degrees
• Saturation: 0-100%
• Brightness: 0-100%

Some tools like Paint on windows will give slightly different values:

• Hue: 0-239
• Saturation: 0-240
• Luminance: 0-240

The reasoning is explained on the windows blog.

The theoretical range for Hue is an angle, normalized to be greater than or equal to 0° and strictly less than 360°. The upper value of the range is not reached because Hue is cyclical, so a value of 360° is equivalent to 0°. On the other hand, Saturation and Luminance are floating point values between 0.0 and 1.0 (inclusive).

In Windows, the Hue, Saturation, and Luminance ranges are rescaled so that they go from 0 to 240. Hue is endpoint-exclusive (because 360° = 0°) whereas Saturation and Luminance are endpoint-inclusive (because 1.0 is achievable).

If you want to use Eyedropper on windows with a tool like Paint, you can do the math with the ratios explained above, or just use the RGB value whenever possible.

---

^{I found this tool years ago and still use it from time to time. I'm not its developer nor am I affiliated with the developer. If it doesn't fit your specific needs or if you'd like to see a new feature, contact the dev himself on his website.}

Solution 3

If the image can be rendered in a browser, most of them have built-in color pickers / eyedroppers:

• Chrome - DevTools (F12) -> Elements -> Styles -> click any color preview box
• FireFox - Same as Chrome or Hamburger menu -> Web Developer -> Eyedropper
• Internet Explorer - DevTools (F12) -> DOM Explorer -> Ctrl+K -> Enable ink dropper mode (left most button)

Solution 4

Features I liked about Just Color Picker:

• It's free.
• It's portable (no installation is needed).
• Supports many color formats (HTML, RGB, HEX, HSB/HSV, HSL, CMYK and Delphi).
• Has hotkey and autocopy options.

Solution 5

PicPick is nice:

It is an all-in-one program that provides full-featured screen capture tool, intuitive image editor, color picker, color palette, pixel ruler, protractor, crosshair and even whiteboard.

View more solutions

Comments

[Admin]

I found that many of the available color pickers didn't work well with Windows 10 and high dpi, so I made my own tool: github.com/Bluegrams/Colora

[Emile Bergeron]

While Colorzilla is quite useful, this is not a solution when you want to pick a color "on any windows application having various colors".

[Tripartio]

As far as I'm concerned, this is the best solution listed, since it is universal and doesn't require installing any new software.

[Nick]

While agreeing with Kevin, if your color is in a webpage, no need for extension (it may make it faster if you have to do this multiple times), but I just hit F12 to open the debug console, click the top left corner to "Select Element" and point to it on the browser

[Shaiju T]

this is good, as it doesn't need any software installation, just open your image in browser or drag and drop the image in browser

[George Pligoropoulos]

much better than all other solutions

[hajamie]

Perfect. Tiny, simple, and does the job. Thanks.

[Pere]

Slow and tedious. We just need a quick color picker...

[Nikola Obreshkov]

.. and if the MS Paint can show and the hex color. :)

[Gruber]

To capture a full screen you can also use the print screen key, or alt + print screen to capture only the currently selected window.

[Shital Shah]

FYI - its not free or open source

[Handsome Nerd]

@Ochado As far as I'm concerned, this is not the best solution listed, since it is tedious, slow and doesn't use versatile available handy software.

[Aaron Hall]

Wait, Windows' default software isn't versatile or handy?

[Sunil Kumar]

I don't know why it was downvoted. Up you go

[Admin]

And since MSPaint uses decimal values to the colors, a quick online decimal to hex converter: rapidtables.com/convert/number/index.html

[user643011]

I don't think it works on modern screens with screen scaling (high DPI). Can't recommend this tool.

[mach128x]

@user643011, you "don't think" it works? Actually testing it and being able to confirm that statement would be more helpful to our fellow users.

[user643011]

@mach128x: It doesn't work.

[shoosh]

doesn't work on windows 10

[Emile Bergeron]

@shoosh the question is tagged windows 7 and XP, it's an old question from 2011.

[CalvT]

PicPick does have a free version, which is only for personal use, and does not auto-update. Apart from that it is the same as the paid version.

[ZXX]

Well it shouldn't be buggy - HSB doesn't correspond to what standard Windows color picker has. I take RGB [166, 138, 202] - correct, but HSB gives [266,31,79] and Windows has HSL [177 90 160]. It looks like there are "4 HSL-s" promulgated by god know what kind of software but if a util if for Windows it has to match standard Windows color picker or it's useless. H is color wheel and whoever missed it even by 1 is giving you totally wrong color.

[Emile Bergeron]

@shoosh I'm back on windows, and just tested it on win10 and it works!

[Emile Bergeron]

@ZXX It gives the right values, but H is in degrees, so it goes up to 360, and the other 2 values are percent.

[ZXX]

@Emilie - just open any Win color picker, say Paint Edit colors. You can keep repeating that "it works" ad nauseum but if it doesn't match Win color picker exactly then it doesn't work - not as a Windows Eyedropper. Theoreticizing doesn't help at all. Yes you can find one of these "4 HSL-s" that "will match" but the meaning of that is nothing. It can match with something that's maybe standard on Mac on on one of Linux window managers or on the planet Mars :-) It's immaterial - the numbers it gives on Win are useless on Win.

[Emile Bergeron]

@ZXX It's not about platform standard, it's just windows doing things its way. I added an explanation in my answer so it's clearer why it's this way and how to use the tool on windows.

[SomeGuy]

This works fantastic and allows keyboard shortcuts to activate. Great time saver!

[Sahil]

Not working well on W7

[Sahil]

Wonderful tiny app

[Barry Chapman]

Does not work on multiple monitors

[Emile Bergeron]

@BarryChapman works for me.

[Barry Chapman]

@emile Bergeron cool dude you win a medal! Still doesn’t work for me on multiple 4K monitors

[Emile Bergeron]

@BarryChapman The thing is, the app works on multiple monitors, just not on your specific setup... Your initial comment is misleading.

[Barry Chapman]

No yours that it works on all is.

[Barry Chapman]

This is what is use. Works like a champ

[Barry Chapman]

Does not work properly on w10 with multiple 4K monitors. Two tested cases

[Emile Bergeron]

@BarryChapman Never had any issues with it, been using it for years, on Vista, 7 and 10, still using it, always with multiple monitors. Maybe it has some issues with 4k monitors. You should tell that to the developer.

[Barry Chapman]

@EmileBergeron I stated it was due to the 4K monitors. I rest my case

[Gerry Coll]

The issue with "4K monitors" is probably really "issue with scaled monitors on Window 10". I have a 1920*1080 14" laptop + 2 x 1920 * 1080 24 inch monitors. It works fine on the 24 inch @100%, but loses track on the inbuilt monitor @ 150% scale

[O S]

AntiMalwareBytes complains that , that site has a trojan.

[Emile Bergeron]

@OS the single dev behind commented: "Unfortunately I don't have time for now to solve issues, make upgrades, send to re-check or buy ssl cert for exe files. It's a hobby project." So some antiviruses may treat it as a threat but it's really just not up to date.

[Frank Nocke]

for finding the hex value, you can google rgb(192,68,141) and you get everything: Hex, Decimal, HSL… (well, sufficient, if you only use it now and then...)

[Dav]

Have used Pixie since forever but sadly doesn't work on Windows 10 – my entire screen is "white" and zoom does not work either. Time to find an alternative.

[Marco Aurelio Fernandez Reyes]

+1 I like more this option, good work!