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.

Emotional Colors Of The Web

In many ways the web is the ultimate medium. It lets you communicate with anyone anywhere at anytime. We can really and safely say that the web can be the fourth medium after print, radio and television. It has since replaced the old ideas, challenge conv

Are You Choosing Your Website Colors Safely?

Many designers are overlooking the vitality of colors in creating a web site. Why is it vital? It is because it creates a mood – it can annoy, irritate or interest and uplift the spirit of the visitors. Your site can end up plain and boring or chaotic if

Color Scheme for Your Website?

Yes, in a world that is obsessed with makeover madness, even your website needs to follow specific color guidelines when picking out ""what it will wear"". The colors you use when designing your website tell an awful lot about your business, though you may

Create An Effective Website Color Scheme

One of the hardest parts in web design is creating a unique, effective color scheme. Not only will your site's colors give it personality, it will create a lasting impression on your visitors.

How To Use Color On The Web To Get More Clients Than You Can Handle

You only have one opportunity to make a first impression, and your website is often the first contact you have with a potential client. As a representation of you and your business, it’s important to ensure it conveys the right impression.