Deciding colors for website is not an easy task. Color is one of the really visual, key parts to any design. And the challenge is to combine color while giving the website a unified and polished look.
There are a lot of methods for choosing a color combination. To build a color palette from scratch I get accustomed to use Adobe Color CC (Adobe Kuler) (you can find more about here: How to Work with Adobe Color CC (Adobe Kuler)), my professional experience and artistic bent :)
One of main tasks for any web design project is to choose a right color palette. And the most important questions for me are:
How many Colors should be used?
They recommend to use only 3 main colors on your website usually. The more colors are in your design, the harder it becomes to keep them all in harmony. To decide which rule of color combination seems to be more interesting to you, check the Color Theory: Analogous, Complementary and the 60-30-10 Rule. The last rule is often used in art, photography and design to create balanced works (many thanks to Fibonacci).
The 60-30-10 rule states that three colors should be used in varying degrees (60%, 30%, 10%) to produce pleasant visual impact.
– The dominant color should cover about 60% of the space and set the overall tone of the design.
– The secondary 30% should contrast with the 60% to create a visually striking effect.
– The 10% is an ‘accent color’, which should be attractive.
*It’s safer to incorporate a ‘neutral’ color (white, black, gray, brown, etc.) as either the 60% or 30%. The impressions of neutral colors are much more affected by the colors that surround them.
What about Tints & Shades?
Tint: The light tones resulting when white is mixed with a color, which increases lightness. Much white makes a color cold.
Shades: The shade of a color refers to how dark it is. It is the combination of a hue and black. Much black deadens the color.
If you need to diversify your color palette, rather than add a fourth and fifth color, try different shades and tints of your existing colors instead.
Do you know additional methods to choose the right colors? Please share! Comments are always welcome.