Contents
[ hide ]
Web Design Colors Harmony
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.
Combining Colors – 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
Analogous Colors
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.
Complementary Colors
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.
Color Triads
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.
Color Tetrads
Similar to triads, just use a square in stead of a triangle.
How to Choose a Color Scheme
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.
If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription.
Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics.
3 Comments
Great tool to get the harmonies right – if not in the blood!
Merci!
all good things
2 Trackbacks
[...] Read the original post: Web Design Color (Web design Color) Harmony… [...]
[...] wheel and color schemes.Sources:www.1stwebdesigner.comwww.vanseodesign.comwww.webdesignbooth.comwebdesign.yorgonestoridis.com Share and Enjoy: Web Design color wheel, colors, cool, design, meanings, neutral, warm, web, [...]