How to reveal color code from an image or web page? Have you ever faced this problem? If you are a webmaster sometimes you want to know what code behind the website image / background, you will need the quick solution to solve this problem. For example knowing the color code of the logo, matching your site’s background with google adsense color selection and others. Color codes are generally expressed in units of RGB (Red, Green, Blue) or hexadecimal.
There are 2 easy ways to identify the color code from an image or a specific area on a web page, you do not need adobe photoshop program to do this and also don’t have to be an expert in photo editing.
Using ColorZilla (Firefox Add-on)
If you are a Mozilla Firefox user you can install ColorZilla add-on. Don’t forget to restart your browser after you install colorzilla plugin.
How To Use?
1. To find the color code of a web-page, click the eyedropper icon (located in the bottom left corner of the browser window)
2. Now your mouse pointer changed to “+”
3. Move your mouse pointer to a web page, put it on the color area you want
Take a look at the status bar! RGB and html / hexadecimal color code are displayed automatically in your browser’s status bar.
To identify the color code of a picture or logo, open the image file with your firefox browser. Using the method above you can reveal the color code in the area of your image / logo.
Using Paint and Calculator
If you don’t have photoshop you can use Paint and calculator (these tools are in windows package) Hee??? not a joke 
… these simple tools can help you to identify image’s color code. Yes, the easiest way is by using firefox add-on but if you hate Mozilla browser or you just don’t have it installed in your computer then maybe this method is the easiest way. Ok let’s start the tutorial!
1. Open Paint editor (Start – All Programs – Accessories – Paint)
2. Print screen a web page or prepare an image you want to identify the color code.
3. Paste or open your image on Paint editor
4. Click “Pick Color” Button on the left sidebar, and then click on any color area you want.
5. On menu bar, click Open Colors – Edit Colors….
6. Then click “Define Custom Colors >>”
7. That’s it, you have captured the RGB code (on example below, R=252 ; G=184 ; B=61)
8. To get hexadecimal / html color code you can convert RGB to hexa with calculator.
9. Open your calculator (Start – All Programs – Accessories – Calculator) and switch the view to “Scientific” mode.
10. Input the R value (252) and click “Hex” option to get hexa value!
The hexa value for decimal “252″ is “FC”
By using the same method, convert G and B decimal value into Hexa
From the example I get G(184)=B8 and B(61)=3D
So the hexadecimal color code for R=252 ; G=184 ; B=61 is #FCB83D
Congratulations now you have identified the color code of an image or web page in RGB and Hexa units.
Paint method is best and conversion to Hex is easy.