#22 - change your background color

If you want to experiment with the HTML for background colors, check out Show Me the HTML!. Cool!

Changing the background color of your Web pages is an easy way to make a first impression. Pick a nice color that sets the mood you are trying to create. To specify your page's background color, just use the HTML tag:

<body bgcolor="#" text="#" link="#" vlink="#">

You need to specify the colors that you want by filling in the '#' signs with RGB (Red/Green/Blue) values in hexadecimal. bgcolor is the background color for the page, text is the color of the body text, link is the color of hyperlinks, vlink is the color of already-visited hyperlinks. As an example, this page uses:

<body bgcolor="ffffff" text="000000" link="000080"> ,

which creates a white background, black text, and 50% blue hyperlinks.

RGB colors in hexadecimal are specified as RRGGBB; the first and second characters are for red, the third and fourth characters are for green, and the fifth and sixth characters are for blue. Hexadecimal numbers were invented by a guy who has sixteen fingers, so the digits are 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, and f. 00 means absence of the color, ff means full color intensity, and numbers in between like 1f, 44, 7e, b5, and e3 represent increasing intensity of color.

You can play around with background colors and hexadecimal numbers at HTML Background Color Selector, a site that will create a page with any colors that you like!

back to Website Design Tips

Copyright 1995-2003, CyberView Ltd.