Writers' Community!
Home
Front Page Page Two Columnists Submit an Article FAQs Contact Author Login
Article Submission
We Need YOUR Articles!
We'll Promote Them for FREE!

Author Login

New Authors
Register Here


Now Serving 5,768 Authors
48,570 Quality Articles
& 5,224 Current Users Online!
Featured Authors
Jeff Brown (7,791)
Ieuan Dolby (1,419)
Teresa Ortiz (4,608)
Dianne Lehmann (2,794)
Christine Akiteng (74,214)
Roschelle Nelson (526)
Tex Norman (4,107)
Ken McCreless (149)
Joel Hirschhorn (379)
Robert Melaccio, Sr. (6,317)
David Pekrul (574)
Camille Strate (1,318)
Lori Radun (830)
Susan Thom (8,705)

View All Featured Authors
Most Recent
15 Secrets for a Super Successful Consumer Website

PHP and people go hand-in-hand in evolution

Perl of Wisdom, Perl of laughter

PHP’s Paamayim Nekudotayim: The secret’s in the code.

The Macromedia Flash man looks to LEGO for a System.

Your Website Concept

What Makes A Good Website?

How To Build a Basic Web Page

Basic step to Photo Corrections in Photoshop CS

Mastering Photoshop Shapes In 3 Easy Steps

Home » Categories » Website Technologies » Website Design » Choosing An Effective Website Colour Combination » Printer Friendly

Choosing An Effective Website Colour Combination

Rated 3.5 out of 5
No Reader Ratings Available ?
Rate It  /  View Comments  /  View All Articles submitted by Paul Coulter
Submitted Thursday, May 25, 2006
Paul Coulter (59)
Toronto Web Design
Log in to become a member of Paul Coulter's Fan Club!


An aesthetically pleasing colour scheme can make or break your website. After all, in advertising, colour accounts for 60% of advertisement's acceptance or rejection. Therefore, colour plays a pivotal role in determining whether or not a potential customer will choose to conduct business with your firm. A web designer needs to ensure that all of your website’s colours work in harmony, while keeping the client’s identity consistent with other marketing efforts.

Quick Rules of Thumb

- Stick to 3 to 5 colours when planning a website

- When in doubt, use white for the background colour, and black for the text colour

Using Your Company’s Logo Colours

If your company already has a logo designed by a professional – great! This is the best starting point for choosing your website’s colour combination. You may choose to use the exact colours found in your logo, or even add some complimentary colours. But, it is important not to stray too far from your logo’s colour scheme in order to keep your company’s identity consistent.


Colour Defines Mood

The colours of your website are important because they can elicit different emotions from your visitors. Colours can make us happy, excited, angry or sad. Below is a list of colours along with the corresponding moods which they evoke:

Warm Colors
Red: aggressiveness, passion, strength, vitality
Pink: femininity, innocence, softness, health
Orange: fun, cheeriness, warm exuberance
Yellow: positive thinking, sunshine, cowardice


Cool Colors
Green: tranquility, health, freshness
Blue: authority, dignity, security, faithfulness
Purple: sophistication, spirituality, costliness, royalty, mystery


Neutral Colors
Brown: utility, earthiness, woodiness, subtle richness
White: purity, truthfulness, being contemporary and refined
Gray: somberness, authority, practicality, corporate mentality
Black: seriousness, distinctiveness, boldness, being classic

Choosing a Color Scheme

Once you understand the colours and their connotations, the next step is to choose a colour scheme for your website. Below is list of different types of colour combinations:

Monochromatic colour combinations use a single color. Variations in lightness of the selected colour can be used to create the sense of different colours. Monochromatic colors go well together, producing a soothing effect, and are very easy on the eyes. The drawback however, is that, it can be difficult to highlight the most important elements on your website.

Analogous color schemes use colours that are related, but not the identical, to create visually attractive combinations. Choosing this type of colour scheme is accomplished by picking colours that are close to each other on the colour wheel. For example, a selection of blues and purples, or reds and oranges would make a good analogous combination. One colour must be picked as the dominant colour while the others are used as accents.

Complementary (or contrasting) color schemes are comprised of 2 colours that are opposite each other on the color wheel. This combination is most appealing when a warm and a cool colour are used. For example, red with green or blue work well as contrasting colours. Using one colour for your background, and its complementary color to highlight key elements will give you colour dominance and colour contrast. One word of caution: it is difficult for the human eye to focus on contrasting colours at the same time. Therefore, it is best to avoid using strong contrasts for background and text colours.


About the Author

Paul Coulter owns and operates a London Ontario Website Design Company Visit http://www.ekonline.com/articles.html for more articles by Paul.


Paul Coulter owns and operates a Toronto Ontario Website Design Company. Visit http://www.ekonline.com/articles.html for more articles by Paul.






Reprint Rights

Log in to become a member of Paul Coulter's Fan Club!

Comments on this article:


» left by Anonymous (1 year 30 days ago.)
Reader Rating: 2 out of 5
it was great but if you include certain color combinations that would be very nice of you...
Respond to this comment

Was this article helpful to you? Leave a Public Comment or Question:

 

This Article has been viewed 642 times.
Article added to SearchWarp.com on Thursday, May 25, 2006
View other articles written by Paul Coulter (59)


If you found this article interesting, you may want to check out:

Disclaimer:  All information on this site is provided for informational purposes only! By no means is any information presented herein intended to substitute for the advice provided to you by any health care or other professional or organization.


Today's Most Popular
How to Create a Splash Page for Your Website?

Website Design Elements That Work (And Some That Don't!)

Photoshop’s Pen Tool for Tracing Vectors

Build A Successful Website For Dummies

Examples of Bad Web Site Graphic Design

Advanced Blending in Photoshop

Unique Grunge Effects on Photoshop

Creating Dynamic Website Content with PHP - MySQL

My Experience With Coconut Oil

New DHTML Grid Control from Scand Brings Power of Ajax into Dynamic Data Tables

Home  |  Page Two  |  FAQ's  |  Contact  |  Terms of Service  |  Article Submission Guidelines  |  Writers' Contests  |  Privacy  |  Mission / About
Copyright © 1999-2008 SearchWarp.com, All Rights Reserved - SearchWarp.com is an IcoLogic, Inc. Company