4

I have a web page which has a picture. That picture has a color.

I need the hex code of the color in that picture. How can I get it?

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
  • 3
    do you want to do this programmaticaly? – SilentGhost Aug 27 '09 at 11:10
  • @Sinan: not neccisarrily - doctype maybe, but if you're handed a project, and told the colors must fit this photo, you'll need some way of knowing what colors to use. Especially since most clients don't have a clue... – AnonJr Aug 27 '09 at 11:42

8 Answers8

12

Get Firefox. Get the ColorZilla plugin. Click on ColorZilla. Move over the color you want. Voila! You have the hexadecimal codes.

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Cyril Gupta
  • 13,505
  • 11
  • 64
  • 87
  • ColorZilla is a very handy Firefox plugin! One more reason I can't develop in IE. – scunliffe Aug 27 '09 at 11:15
  • 1
    Even if there is a color picker in IE? And most of what you need from the Web Developer plugin is available in the IE Developer Toolbar? Don't get me wrong, I like FX - but lets not go slamming things we don't understand. – AnonJr Aug 27 '09 at 11:48
  • 'Even if there is a color picker in IE?' -- ? Who has ever heard of a web developer shunning FireFox to develop in IE instead? Is color picking the only thing one will ever need? Have you heard of firebug? IE's developer toolbar is just an inferior cousin – Cyril Gupta Aug 27 '09 at 11:59
  • Btw, I am slamming what? What is it in my answer that's slamming anything. Please highlight. – Cyril Gupta Aug 27 '09 at 12:01
  • @Cyril: Wasn't referring to your answer - the @scunliffe got missing. Also while I wasn't saying to shun Fx, I was saying don't shun IE. Have you heard of a web developer shunning the browser with the largest market share? – AnonJr Aug 27 '09 at 13:46
  • I am not asking to shun IE Anon :). I am asking not to shun FX cause it's so developer friendly. I did earn some practical sense about market share over the years. – Cyril Gupta Aug 27 '09 at 15:58
  • @Anon good point lol and thanks for the tip colour picker in IE is awesome! – Denys Wessels Apr 24 '12 at 07:02
3

Another program to use is ColorPic.

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Arnis Lapsa
  • 45,880
  • 29
  • 115
  • 195
2

The Internet Explorer developer toolbar (F12 in Internet Explorer 8) has a colour picker in the Tools menu that should help you.

Firefox has a few add-ons available that do the same thing.

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Daniel Elliott
  • 22,647
  • 10
  • 64
  • 82
2

ColorSchemer ColorPix is another good option. Light weight, and it gives you (among others) the RGB as well as the Hex for a given color.

AnonJr
  • 2,759
  • 1
  • 26
  • 39
1

If you want to do this in software, rather than manually, you could use a canvas element in supported browsers - draw the image on the canvas, then extract the colour information of the desired pixel. See this related question for how.

Community
  • 1
  • 1
Paul Dixon
  • 295,876
  • 54
  • 310
  • 348
1

You can try Pixie from Nattyware. That is free and they also have a portable version.

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
João Guilherme
  • 1,371
  • 1
  • 15
  • 27
0

Take a screenshot and open it in a regular or sophisticated paint application to get the color. Or better: download the picture and open it in a paint application.

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
pvoosten
  • 3,247
  • 27
  • 43
  • there is no way to get the hex of colors in paint –  Aug 27 '09 at 11:16
  • Not really. "Print Screen" to get the image, open image editor, paste (CTRL+V), select picker tool, read colour value. – ChrisF Aug 27 '09 at 11:18
0

Take a screenshot of the page, open it in Adobe Photoshop and select that color with the dropper tool.

The Color dialog will show you the hexadecimal code, the RGB color and the CYMK color code for that. You can do the same in GIMP if you don’t have Photoshop.

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Bhaskar
  • 10,537
  • 6
  • 53
  • 64