Web Design Colors Harmony

by Yorgo Nestoridis

How to choose a color scheme for our website? One of the basic principles is the principle of harmony. The notion of harmony is largely a cultural matter; nevertheless we can apply principles of harmony deriving from the color theory.
My second preferred source is nature, which may be in sharp contrast to color theory.

Once you understand the basics of Color Theory you can start to combine colors. There are some theories about which colors look nice in combination.

Analogous Colors
Complementary Colors
Color Triads
Color Tetrads

Color Wheel

These are colors which sit next to each other on the color wheel such as red, red-orange and orange. For harmony play with the hues and saturation settings.

These are colors sitting opposite to each-other on the color wheel. Complementary contrasts are for example: red and green or blue and orange. Using complementary collor schemes results in more contrasted and vivid looks.

You can create color triads by placing a equilateral triangle on the color wheel. A Triad would be red-yellow-blue (PPP in the above wheel) or red-violet, yellow-orange and blue-green.

Similar to triads, just use a square in stead of a triangle.

The best tip is to use a color tool; there are many available online for free use. Play with colors until you find what you really like and what corresponds to the purpose of your site.

I like this tool particularly: CLICK HERE.

We will deal with the choice of a Color Scheme at the Live Web Design Workshop on Monday next.

• Web Design Workshop 6 Main Wrapper
• Grunge Web Design
• Web Design Handwriting Fonts
• Web Design Elegant Fonts
• Weg Design Font Faces

This page is wiki editable click here to edit this page.

• complementary colours
• color wheel complementary colors
• complementary colors
• colour wheel
• color wheel
• colour wheel complementary colours
• complementary color
• colors
• combining colors
• colour theory

Related posts:

1. Web Design Colors
2. Web Design Colors
3. Web Design Color Theory
4. Web Design Workshop 13 User Statistics and Web Design
5. Web Design Workshop 15 Disney Look

Tags: Analog Colors, Color Harmony, Color Tetrads, Color Triads, Complementary Colors, How to choose a color scheme, Hues, Saturation, Web Design Colors, Website Design, Yorgo Nestoridis

This entry was posted on September 19, 2009 at 6:48 am and is filed under Web Design, Web Design Basics, Yorgo Nestoridis. You can follow any responses to this entry through the RSS 2.0 feed.