Boylen Media

Colour for the Web

Colour for the Web: nine no-nonsense tips

It's easy to get colour wrong.

For that reason, colour is best left to the experts, such as designers who are working with colour, type and backgrounds eight hours a day.

Here are the crucial factors you should consider when choosing a range of colours for your site:

  1. Contrast is crucial. Colours must be far enough apart on the colour wheel to allow the eye to easily discern the elements on a page.
  2. Nowhere is sharp contrast more important than between the background and text.
  3. Use dark font colours on light backgrounds, and vice versa.
  4. Just like writing for the web, keep it simple where text is involved. Avoid patterns behind text. And if a page is going to be printed, avoid using a dark background colour.
  5. Limit your use of colours. Twenty different colours on a page will probably look like a mess - and it will be confusing. Some experts suggest no more than five colours.
  6. Avoid red/green combinations to avoid problems for colour blind people. (Did you know that approx. one in 10 men is colour blind?)
  7. Avoid reversing white text out of a black background.
  8. Choose brighter colours for older people.
  9. Test with a range of people across gender and age groups. Also test your colours under different light conditions.