Question:

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!

Html Frequently Asked Questions

How do I keep up with the latest HTML enhancements?

How do I create a table?

How do I make webpages load faster?

How can I display special characters using HTML?

How do I remove the underline from links?

How do I control image placement?

Do all HTML tags need a closing tag?

What screen resolution should I build my webpage for?

What is a tag attribute?

How can I make my pages load faster?

How do I place comments within my HTML code?

How can I learn HTML?

Should I use an image as a webpage background?

How do I check browser compatibility?

Why won´t my code work?

How do I keep the background from moving when scrolling?

Can I make an email link with the subject line already filled in?

How do I prevent browser cache on my pages?

How do I convert Hex values to RGB values?

How do I make a mouse over description for a text link?

How do I escape from frames?

How do I know if my HTML code is valid HTML?

How do I make a link open in a new window?

How do I make a javascript text link to the previous page?

How can I write a list without bullets or numbers?

How do I know how others will view my webpage?

How do I create a close window link with javascript?

How important is it to have a consistent looking website?

How do I make a mouse over text description for an image?

How do I increase my website´s appeal to users?

How do I change the color of only one link?

How do I create a "foward" link?

Can I add a background color to text?

How do I use an anchor tag?

Why won´t my code work?

How can I automatically redirect to a different page?

Why won´t part of my page display?

How do I format a paragraph in HTML?

How do I use the Base tag?

How do I use a horizontal rule?

What is a meta tag?

How do I use the head tag?

How do I make text look like it´s from a typewriter?

How do I add an image to my webpage?

How do I use the HTML tag?

How do I use superscript in HTML?

How do I use the title tag?

How do I place a web page element centered?

How do I use the body tag?

What can I learn in the HTML tag definitions category?

How do I use the comment tag?

How do I use strikethrough style?

How do I use subscript in HTML?

How do I underline text with HTML?

How do I use the font tag?

How do I use the bold tag?

What are some of the new tags and functions in HTML 5?





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


Guru Spotlight
Jennifer Mathes, Ph.D.