Convert Hex to RGB

Read this tip to make your life smarter, better, faster and wiser. LifeTips is the place to go when you need to know about Design and Layout and other Html topics.

How do I convert Hex values to RGB values?

Convert Hex to RGB

This is a problem that plagued me for months. My graphic program accepts colors as RGB (red, green, blue) values, however, the color that I wanted as a background, I only knew as a hexidecimal value. After months of guessing at RGB values and searching the web for a utility that converts it for you, I found the solution.

For RGB and Hex values, all colors are made from combinations of the standard colors red, green, and blue, with each color's value between 0 and 255.

Hex values are (simple version to follow) codes used to represent the same values as RGB, and look like this FFCC00. First, break it into 3 equal parts, which are the values of red, green, and blue, respectively. Our sample now looks like this:
red=FF, green=CC, blue=00.

Now the conversion:
1) Open Windows calculator. Click on the "view" menu and select "scientific"
2) Ensure that the box beside "Hex" is checked
3) Enter the first value, FF. Then check the box that says "Dec", and record the value, 255
4) Repeat the same procedure for the second value, resulting in 204
5) The last value is easy and needs no converting because zero is zero. This is also true if you come across a value such as "0A", where you just need to enter "A". However, if it were "A0", you would need to enter the "0" as well.

So, our end result, FFCC00, is equal to 255, 204, and 0 in decimals (and RGB values). This also works for converting from RGB to Hex!



9/4/2007 10:37:41 AM
Jane said:

You rock! Thank you -- perfect.


URL: (optional)


Not finding the advice and tips you need on this Html Tip Site? Request a Tip Now!

Guru Spotlight
Jennifer Mathes, Ph.D.