Colour palettes for web design
How to choose appropriate colours when designing your website

A website is usually a representation of yourself or your business. The use of colour can make or break the message your website portrays. In this article we will discuss the basic principles and an "always safe" way to go about colouring your new website.


The 3 to 1 Rule:

The 3 to 1 rule basically means that you pick a colour, choose an additional two shades of that colour for the styling of your website. For elements such as logos or menus or smaller elements you then pick a "popping" colour. A popping colour is essentially a colour that complements your initial tones and provides a contrast between the elements of your site to make the element "pop". Popping colours are quite commonly colours on the oppisite side of the colour wheel from your initial shades to create the strongest contrast. This colouring technique can also be very useful when trying to create depth of field.


Blacks and whites:

Current web trends have a strong focus on the use of white (or black) space within your website. With highly minimalistic and contempory sites emerging all over, this trend is likely to be something around for some time. When constructing sites with prodominently white space it is important that you make your use of colour count. A guide for this is vibrance of colour = area of white space / area of coloured space. Meaning that the more white space you have in your design the more vibrant colours should be used to create balance. Usings this method is also a sure fire way of drawing the eyes attention to an element first.

I think that at least once a day most people will come across websites and cringe at the design or their use of colour and with some basic understanding of the fundamentals of what makes a good colour palette this could be avoided.

Remember this; If you are fighting with your design the chances are your heading in the wrong direction. A well constructed design will flow quite painlessly.