Hexidecimal Color Chart 1

... Recommend this page to a friend.

Background Colors ... a short lesson below this color chart ... for geeks only.
Navigator ... I'm sure you know; that's the heart of this site.

These charts are used for adding color to webpages. The 6 digit/letters are codes that along with certain tags, are understood by the browser. That's how we make any particular color on a webpage. Now patterns are done differently, a little more complicated. Hey, you want to know more? STUDY.

You have to admit one thing ... these colors ARE pretty.

BACKGROUND COLORS ... A SHORT LESSON

In truth, much of the material below is rather technical, especially the math part of hexidecimal or HEX. Just like in your own computer, or a car, most of what's going on under the hood is not necessary to know for its operation. But for all you geeks, gurus, and demented mentors ... listenup.

BODY BGCOLOR=? ... (with angle brackets) ... sets the background color.

To your HTML file, you are all powerfu, and the background of the page is your firmament, it can be midnight black or forest green, depending on your whim.

The background color is specified within the "body" tag at the beginning of your document. So, if you write in your HTML doc ... body bgcolor=yellow (with angle brackets) ... you will create with great efficacy a yellow background.

Now I am sure you are thinking (you are thinking) ... "Which colors can I use? If I type ... BODY COLOR=PERIWINKLE (with angle brackets), will the browser know I'm looking for a light bluish gray?" The short answer is: No. Only a limited number of colors can be specified by name ... (periwinkle isn't one of them), and different browsers recognize different sets of colors ... So if you want to be precise about your background (and I know you do), you'll want to replace the name of the color, with a hexidecimal code ... then your HTML would look something like this:

BODY BGCOLOR=#FFFFFF ... (with angle brackets)

Notice all those "F"s in the code? Well, that's how one says "white" in hexidecimal. If you'd like to know how to calculate that number, tough luck.

No, I'm just kidding. The "FFFFFF" represents the RGB value of white, translated into hexidecimal ... stay with me now ... Any color that can be displayed on a monitor can be described by its RGB value, which is its relative amounts of red, green, and blue (each of which is expressed as a two-digit number, such as 51 or 14 or 00).

Now in order for a Web browser to understand the RGB values, they must each be translated into a hexidecimal (or base-16) number ... Then the resulting two-digit hexidecimal ("hex" for short) numbers are strung together into a single six-digit code. So in the example above, the first two "F"s stand for the red value, the next two stand for green, and the last two for blue.

And, if you don't want to bother with calculating those numbers (and nobody ever does), you can just copy the HEX numbers on the above chart into the appropriat tag, and into your editor, or visit my other ... Color Chart 2 ... with 224 different colors, where you point to a color, and the hex number gets displayed, or you can see my Hexi Chart or you can do more shopping at my Website Building pages.

But if you're a real do-it-yourselfer, you'll probably want to do the calculations yourself. So grab your abacus for this sexy/hexy sidetrack:

Let's take this ... HORRIBLE SEA GREEN ... with the RGB values R=51, G=219, B=153.

To translate this into hexadecimal, you should first take the value of Red ... in this case, 51, and divide it by 16. The balance is 3.1875. The integer, 3, will be the first number in the hexadecimal formula . The remainder (0.1875) should be multiplied by 16, which also results in the number 3. So, 51 translates to 33 in hex.

But sometimes the numbers don't work out as evenly (life is that way). Often you'll get integers and remainders that translate to 11 or 14, for instance. And in those cases, we translate the two-digit number into a single letter (that's where all the D's and F's come in), where 10=A, 11=B, 12=C, 13=D, 14=E, and 15=F. This becomes relevant to our horrible sea green when we calculate the hexadecimal equivalent of its Green value, which is 219. When we divide it by 16, we get 13.69. We translate 13 to D, and then multiply the remainder, 0.69 ... by 16, and get 11, which equals B.

Repeat this formula for the Blue value, and then string them together (you should get 33DB99). Soon, you'll be speaking fluent Hex. Hence, you may now go to your dinner party and bore the pants off anyone who'll give you the time of day ... by expressing their street address hexidecimally. Now doesn't that make your day?

~~ You're welcome ~~

1