Tips & Tricks
Using Colors

You can use the color to add emphasis to the text on your web pages, or to the background on your entire web site. Both of these page affects are accomplished through an HTML tag.

Setting a Background Color
Backgrounds are set in the BODY command at the beginning of your web page. You can set two different kinds of backgrounds. Either a graphic (much like we use here at SpringWolf Designs) or as a plan color.

<body Background="graphic file name"
BGColor=#color code
VLINK=#color code    (Virtual Link color)
</body>
End the tag at the end
of your web page.
<BODY BGCOLOR="#FFFFFF" VLINK="#FF0000"> your web page information </BODY>


Setting a Font Color
The Font tag is used to define specific colors for a word, line or paragraph. Just remember that not everyone has the same monitor or graphic configuration through out the world. So you'll want to be sure you chose a color that can be viewed by the "lowest" common type PC.
 
A good judge of what can be seen and what can not, is how your own PC performs. If your workstation can't support the color chosen, it will default to the nearest possible color in the spectrum. For instance, if your machine can not display peach, it will display a shade of white or gray.
 
<FONT Color=#value </font>

<FONT SIZE=4 COLOR=#008000 FACE="Arial"> your text </FONT>

The above font command will produce:
your text


Selecting The Right Color
The biggest thing to remember when selecting a color is making sure the text can be read on the background.
 
Use Light Colors 
On Dark Backgrounds

One of the hardest things to do is get people to read your site and visit your links when they can't even see the words on your background.

Whether you're using a background graphic, or a solid color, it's important to define the correct text colors for your page. Even the link and visited link colors are going to need changing. So don't for get to use the BODY parameters to set the right colors for your web page.

 
You can use our Color Listing to help you find the right color for your web page.

 Next: Page Design while Using Backgrounds