How to Look Up the Hex Color Code


Hex color codes or HTML Web colors allow you to specify a color based on letters and numbers, which pertain to red, blue and green values. Most graphics software programs like Photoshop or GIMP allow you to use the eyedropper tool, select a part of an image and find the color code from the color option box. However, if you do not have a graphics software program, Web color charts and even the Windows calculator can still give you the color codes necessary to build your Web page layout.

Hex Color Charts and Eyedropper Tools

  • Open a graphics software on your computer such as Adobe Photoshop, JASC Paint Shop Pro or GIMP. Click in the color box and find the "Web Colors" or "Hex" box. Hex codes have six digits, usually preceded by a "#" symbol. For instance, white is "#FFFFFF" and black is "#000000." Hex codes number and letters (A-F), such as blue or "#0D2599."

  • Download the "Instant Eyedropper" program from to be able to select any part of your screen and find out the hex code. Save the file to the desktop, then double click the .EXE file to open and install. Once installed, Instant Eyedropper places a color wheel on your system tray. Left click and hold to change your mouse to an eyedropper. Click anywhere on the screen to select a color to get the hex code. The color code copies to your clipboard. Paste into "Notepad" to see the color code.

  • Look up the hex color code on a web chart. Many sites provide color code charts with all the different colors, from neutrals to purples. provides the Hex Hub, while Visibone has a web color chart. 2 Create a Website also provides a color chart and code generator.

Using RGB Values

  • Write down the values for red, green and blue. For example, in Paint (included in Windows), open the color picker. On the bottom right, you see the "RGB" values. To the right, the boxes contain numbers for each value. As an example, you may see red as 13, green as 37 and blue as 153.

  • Open the program "Calculator" from "Accessories." Click "View" then select "Scientific." Click on the bubble beside "Dec" below the text entry box.

  • Enter the first number, which is the value for Red or "13." Click on "Hex" to get the letter "D." If you get a single number when clicking "Hex," then precede the letter or number with "0." In the example, red becomes "0D" as the first part of the hex code.

  • Click "Dec" again, then enter the value for green or "37." Click "Hex" to get the number 25. Now, the hex code is "0D25."

  • Find the hex code for the past part by clicking "Dec" again, then enter the value for blue or "153." Click "Hex" to get "99." Now, you have the hex code for your color, which is "#0D2599."

Related Searches


  • Photo Credit Comstock/Comstock/Getty Images
Promoted By Zergnet



You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!