In Living Colour!

¿Hablas español? Sona Aquí
"How do I add living color to my home page?" Is a question that I have asked myself on occasion. It is actually rather simple as far as HTML goes. The first thing to know is the tag - it goes in the "body" tag at the beginning of your document. If you don't have a "body" tag, you can put one right after your /title or /head tags. This can be seen in the example for this page ->

<title>Color Tutorial</title>
<body bgcolor="006633" text="FFFFFF" link="DD0000" vlink="6600CC">

Now you are ready to get colorful! There are five colors that you can specify - ones for the background, the text, links, followed links, and "active" links.

The numbers refer to the colors and there is a correlation - the first two digits are the amount of red, the second two are the amount of green, and the last two are the amount of blue in the selected color. for example, my "link" color has no blue or green (00 and 00) but has lots of red - DD. "What is DD? That isn't a number!" Actually, it is - Mathematicians that wanted digits beyond 9 invented the use of hexadecimal form so that instead of counting 8,9,10,11,12... they could count 9,a,b,c,d,e,f,10,11,12... and fit more numbers in the ones slot. Therefore, FF is the highest value one can use with background colors. FFFFFF is total saturation, all the colors, or white and 000000 is total absence of color, or black.

With the advent of Netscape 2.0, it is even possible to make a single word, group of words or even letters different colors. The tag is as follows:

<font color="ff0ff0">Hello!</font>

This command prints the following:


Notice the color assignment is the same as before - RGB (Red, Green, Blue) Triplet Hex code. This can even be used to make rainbow words - You simply put the color tags around each letter instead of each word - here is an example:

<font color="ff0000">C</font><font color="00FF00">O</font><font color= "0000ff">L</font><font color="ffff00">O</font><font color="00ffff">R</font>

Gives you:


In order to find the right color can take a lot of trial and error. Here below you will find a picture that has several different colors and their hexadecimal codes listed. Hope this was helpful!

More Info here regarding HTML color and colorblindness

Dylan W. Humphrey
Swarthmore Class of 1998

Here you go, Pick a Color!

Check out my Server Side Include tutuorial, too!
Or the HTML Coded Character Set