Creating a first webpage
The importance of color
Back to Webdesign Home
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Why color is important
Webpage color selection plays a major role in the success of websites. Webpages must be legible if they are to be useful. Obviously, people surf the net primarily for infomation. If, when they arrive at a promising site, they are unable to read the enclosed information they will have made their journey in vain. Additionally, sharply contrasting colors may cause eye strain even if the infornation is discernible. To minimize the chance of eye strain, it is recommended that you choose complementary colors. As a final note, "white space" or space in your webpage(s) that contains little or no information (white space doesn't have to be white... it just has to be empty of content) is also very important to avoid too many distractions.

So what colors do I choose?
The color(s) of your webpage is/are entirely up to you. You may wish to consider, however, the type of information that you are sharing. Mood and/or tone may be shaped by color selection. For example, a Halloween webpage might use darker colors to make it creepy while a Christmas webpage may use brighter, happier colors. For a reference on colors you may wish to consult this color chart or this text matching utility .

So what about background images?
A background image may be an interesting way to complement solid background color selections. You should, however, keep in mind that such images usually distract the viewer and must be adjusted to represent something that is truly in the background. It may be, however, tricky to diminish the background image to a suitable level. In most instances a background image used behind text should be faded in a manner similar to that of a watermark (Microsoft Word). To accomplish this task you may need to access the brightness/contrast and/or saturation control(s) in your favorite image editor. A nice selection of backgrounds (and colors) may be accessed via the Imagitek HTML Color (and Background) Selector.