I will show you how to get the Hexadecimal code for any color that your computer monitor shows you, so that you can use them in HTML documents and other fancy-schmancy computer stuff. Surprisingly, it uses legal software.

Step 1: Download GIMP

GIMP is good. It has a lot of the stuff Photoshop has, but not all. Perhaps that's why it's free. But still, it's a lot better that crappy old Paint. Anyways, it is a requirement for this instructable. Get it. Don't worry, I'll wait...

Got it? Good. Off we go...
<p>While I can appreciate humor and whatnot in an Instructable this could of been two pages with a lot less filler.</p>
<p>Nope, no toolbar.. color picker does not show popup.</p>
One step easier, shift-click brings up the info window and each subsequent click is updated in this new window, so you can see several colors quickly.
Or you could go to this web site and save the page to get the hex codes.<br/><a rel="nofollow" href="http://www.webdiner.com/annexe/hexcode/hexcode.htm">http://www.webdiner.com/annexe/hexcode/hexcode.htm</a><br/><br/>Love instructables!!<br/>
You could also just do this:<br/><br/>&lt;font color=&quot;orange&quot;&gt; or&lt;body bgcolor=&quot;orange&quot;&gt;<br/><br/>But that won't be as accurate of course.<br/><br/>Nice tutorial anyway, also, I LOVE GIMP!!<br/>
You're telling me! I recently made a new website dedicated (in part) to what I create in GIMP. Here it is:<br/><br/><a rel="nofollow" href="http://ch0senentertainment.synthasite.com">Ch0sen Entertainment</a><br/>
I have a website too! <a rel="nofollow" href="http://www.gamerreviewsmega.webs.com">GamerReviewsMega</a><br/><br/>I like the design of your website, can't wait till there's some projects posted!<br/><br/>(I use HTML,not C++)<br/>Also, is there a difference between C++ and CSS??<br/>
Oh really? I like the design of yours too. I never really got into HTML. I created one game with it and JavaScript, and then got bored. (I'm a game developer, not a site developer, with the exception of C0E.)<br/><br/>As for your question, of course! IF you've written complex web pages, chances are you have used CSS. Basically, it's what's between the &lt;style&gt; and &lt;/style&gt; tags. As you can see (if you read my tutorial), C++ is <em>not</em> the same as CSS.<br/>
No, I didn't read it, I had to go to MAC (Marital Arts Class).<br/><br/>I don't think I've ever used the style tags though. Anyway, thanks for the chat =D!<br/>
There's actually a much simpler way to do this with Gimp without wasting time doing a screen capture (also, if you do need a screenshot, gimp has its own screen capture plugin that can even crop to a single window or do time delay, and isn't affected by the fact that print screen-paste only works on windows) On the color select dialog, right next to where it shows the hex value, there's a button that lets you click any color on the screen and select it. And it shouldn't be "surprising" that you don't need to buy/pirate expensive software to do something this simple :)
there's 1 problem I noticed in the past with print screen. some colors will show up inaccurately. resulting image may become pixlated and low quality.
Only if you paste it into paint and save it as a jpeg. Here, we're not saving it at all, so there is no color loss.
It is as easy in Photoshop,if not easier..If you are on a budget you can use Elements from Adobe..
GIMP is free. That's enough for a little trouble.
Gimp may be free, but to do professional work it leaves a little bit to desire.. I understand that everyone cannot afford to purchase expensive programs, I have gimp also but hardly ever use it. The program that I gave as an alternative ,Elements, is pretty reasonable at about $100.00..
im pretty sure the newest one is like $60 im not 100% sure though but ya its unbelievable that its $600 for regular photoshop i want it so badly that and flash :P
If you have a Mac, you already have DigitalColor Meter.
...But if you have a PC, you have to do this. :-)
It's true :) If you need to know hex codes I'd try some other tool. I've done it your way before with photoshop and having a tool for it is a lifesaver. Especially when I'm working in Illustrator and need some colors fast.
Or for websites, install Firefox and <a rel="nofollow" href="http://www.iosart.com/firefox/colorzilla/">Color</a><a rel="nofollow" href="https://addons.mozilla.org/en-US/firefox/addon/271">Zilla</a>. Your method works well for colors in other programs, though, and like ColorZilla it's cross-platform.<br/>
Hmm, I think I'll try it...
Works great. Luckily, I already have Firefox (Look closely in the pictures.)
this sort of thing works in paint.NET too.
Cool. I like how you used Instructables. Why? Because Instructables rules.

About This Instructable


6 favorites


Bio: Hey, I'm back. Maybe. I had a long period of inactivity on Instructables, but now I'll try to came back and do more ... More »
More by YummyPancakes: How to play... MANCALA!!! How to get the Hex code for any color on your screen
Add instructable to: