Color Codes
by Daniel Insley
email this article
Summary : #00ff00? What does that mean? Well, it's a color code! In this article, we'll take a look at color codes and how you can use them.
A blank HTML document would have default font and text settings if it were opened in an Internet Explorer browser. The settings would look something like this if it were presented in an internal style sheet:
<style type="text/css">
font-face: Times New Roman;
color: #000000;
</style>
The first part, "font-face: Times New Roman" tells the browser that the webpage is using a Times New Roman font and the second part, "color: #000000" tells the browser that the color of the text will be #000000... So what does "#000000" mean? Well, that's what this article is about.
The value "000000" is actually a set of three hexadecimal numbers, each digit represents a value for Red, Green, and Blue respectively; RRGGBB. These hexadecimal codes can be referred to as a triplet, or a group of three hexadecimal numbers.
Each digit in the hexadecimal system is a value from 0 to F. The hexadecimal color system counts by 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, with "0" being null value, and "F" being highest value of fifteen. The following table will help you understand the system a little easier:
| Decimal | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| Hexadecimal | 00 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 0A | 0B | 0C | 0D | 0E | 0F |
| Decimal | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
| Hexadecimal | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 1A | 1B | 1C | 1D | 1E | 1F |
The largest value you can assign to one of the values of red, green or blue is FF, which is 255 in the normal decimal system. If we assign a hex color value of "#FF0000" this would display the most amount of red as possible. The code's value has the green and blue values set to null and so there would be no green or blue color present.
There are only 216 colors that are considered "safe" for web browsers. These browser-safe colors should only contain the following values: 00, 33, 66, 99, CC, and FF. You can view a list of all the safe colors that you can use on your webpage by visiting the color reference chart linked at the end of this article.
You can add color to your own website easily. Let's say you want your text to be blue; all you would have to do is put this into your header:
<style type="text/css">
body
{
color : #0000FF;
}
</style>
Now that you know what that color code actually is, you can replace it with any color you want! Find the color you want with our Color Reference Chart.
