How To Pick Your Website Colors
 by: Ron King

Before you can consider the finer points of your design, you need to make the big decisions. Few decisions are more important than the color scheme your website is going to use.

Pay Attention To Contrast

You need to pick colors that provide enough contrast to make your text stand out in order to promote readability. Stay away from using a light colored font on a light color background as it would be very difficult to read. Remember your emphasis is on getting your message read. An unread message is a useless message.

Not Too Many Colors

You should choose 3 or 4 colors for your site, and use only those colors (or shades of those colors). Decide ahead of time which colors you're going to use, and stick to it.

Complementary Colors

Complementary colors are opposite each other on a color wheel. The 3 most common sets are:
* red and green
* blue and orange
* yellow and purple.

These colors work surprisingly well together.

Complementary colors also are a good way to pick colors that will be easily readable against a certain background: look for the exact opposite color to maximise readability.

Analog Colors

Another approach to try is to pick colors that are similar to your main color, meaning that they're near to it on the color wheel. Red, for example, goes well with its analog colors, orange and yellow. If overdone, this can make your site look too bright, but in moderation the results can look good. It's no coincidence that these combinations often occur in nature.

Chromatic Colors

A personal favorite, chromatic colors use different shades and hues of 1 color for your entire design -- nothing else except black and white. For example, you might use light blue, bright blue and dark blue together. This creates a sleek and professional look.

Take Colors From Nature

For inspiration for a color scheme, go for a walk outside. Take a look at plants, landscapes, and animals. Nature knows how to use colors -- learn from it.

Color Blindness

Try to make sure that your design uses color to make itself aesthetically pleasing, but doesn't rely on the color scheme for anything essential. Statistics show that perhaps 10% of the web users are at least partially color blind, so you need to consider these people when you design your site. Make sure they can at least read your text.

To see things the way a color blind user would, visit vischeck.com.

 

About The Author   Ron King Visit http://www.webtopdesign.com to learn more. Ron King is a full-time researcher, writer, and web developer, visit his website at http://www.ronxking.com Copyright 2005 Ron King. This article may be reprinted if the resource box is left intact and the links live.