Guidelines for Color

Points to Consider

  • Easiest text to read is black text on a white background.

  • Be careful when changing the default link colors so you don't confuse the visitor.

  • Never make text color the same as your link color.

  • Too many text colors on a page hurts the eyes, tread lightly.

 

Tags to Change Color Attributes

To change entire document body text:

<body bgcolor="#9932CD"> Changes the background color of the document to Dark Orchid (default is Grey)
<body bgcolor="#000000" text="#FFFFFF"> Sets the text color to white, background color to black. (default is black)
<body link="#FF0000" vlink="#00FFFF"> Sets the link color to red, visited link (vlink) color to Cyan. (default: link is Blue, vlink is Purple)

 

Change Local Body Text

<font color="#FF00FF"> your text </font> Sets text between tags to Magenta. (default is Black)

 

Pair Color With Size Attributes in the <font> Tag

<font size=2 color="#A62A2A">your text </font> Changes text to text size 2, color Brown.

View a hex color chart so you know what color to choose.


1 2 3 4 5 6 7 8 9 10 11 12 13 14

Back to the Lessons Index Page