Define A Color Theme

(Tutorial 3 in Textbook)

HTML identifies a color in one of two ways: either by the color's name or by a description of the color's appearance. For more information on the advantages and disadvantages of these methods, refer to tutorial 3 in your textbook.

The first method is by typing in the color name. There are 16 color names that are recognized by all versions of HTML. These color names are shown below:


The second method uses a mathematical approach to define color. One method is know as an RGB triplet where three numbers are used that are based on its red, green, and blue components. Aqua is defined as (0,255,255). The first number represents the intensity of red, the second number, the intensity of green, and the third number, the intensity of blue. Another method is the hexadecimal approach which represents numbers using 16 as a base rather than 10. Have I blown your mind yet? If you want a more complex explanation of this method, refer to page 3.7 in your textbook. You will not need to worry about these numbers because in Appendix A in the back of your textbook you will find both methods decoded for you along with a color swatch of that specific color.

You will experiment with these colors for your page by specifying a background color for your page, the color of your text, links, and vlinks (color of previously visited hypertext links). If your plainstupid word document is not open, open it in Notepad. Locate the beginning body tag (<BODY>) and edit it to read:

<BODY BGCOLOR=Color TEXT=color LINK=color VLINK=color>

Here, the BGCOLOR property sets the background color, the TEXT property controls the text color, the LINK property defines the color of hypertext links, and the VLINK property defines the color of links that have been previously visited by the user. The value of color will be either one of the accepted color names or the color's hexadecimal value. If you use the hexadecimal value, you must use the pound symbol (#) and enclose the string in double quotation marks. For example, the HTML tag to create a background color with the hexadecimal value FFOO88 is:


Open you textbook to Appendix A and experiment with different colors to see their effect. Now that you understand about color themes, return the beginning body tag to its original state (<BODY>). You will have an exercise later where you will create your own background like the one seen on this page. You can then edit your text, link, and vlink colors to match your background.

In choosing your color theme, you should remember to use colors that will not detract from your page's text, making it hard to read.

Just Plain Stupid