Colours for print & web

Choosing your website’s colour scheme

Choosing the colours for your websiteChoosing a colour scheme for your website can seem quite daunting. You’ve researched your competitors but you want your website to be different. You already use a particular colour for your business card and flyer but now you’re wondering if it will look right plastered all over a website.

Your website’s colour scheme is very subjective. You may have a favourite colour, dislike certain colour schemes or have no particular colour preferences at all. If you’re not sure what colour scheme to choose, do some more research. What colours do your competitors use? What are the current colour trends for websites? Do you want to stand out from the crowd or do you want similar colours because they are specific to your type of business?

Most likely though, you’ll want to achieve a certain ambience or you need to match your print material so that you maintain the same image. Choosing the right colour is therefore a critical part of the planning process.

Only you know your business and your colour preferences so only you can make the final decision. To help you decide research what companies in a similar business have used.

Hopefully some of the above links will help you choose your colour scheme.

Not sure about the meaning of the colours you’ve chosen? This site may help.

Useful sites to help you choose colours
for your website or print material

The following links will help you choose appropriate colours for your print material or website design. But don’t forget… screen colours don’t look the same in print.

  • Colour Wheel – Gives the hex numbers for web-safe colours. If you don’t already have a colour scheme in mind but want web-safe colours use this colour wheel to generate your primary colour.
  • Pantone Converter – Converts pantone colours to RGB and hex numbers. If you already use a Pantone colour for your print material use this to convert the colour to a hex number.
  • Hex Color Code Chart & Generator – Allows you to choose your main colour from a colour picker or hex wheel and generates the hex numbers for complementary colours. Or input a hex number from the colour wheel or pantone converter.
  • HTML Colour Code Chart – A chart showing the hex numbers and the RGB numbers for web safe colours.
  • Colour Scheme Generator – Choose from a huge variety of colour schemes – from monochromatic and complementary pastels to full contrasting hues. Generates hex numbers for all the colour combinations. Click the scheme info button and copy & paste the URL into an email
  • Colour Blender – Generates RGB and hex numbers for colour blends for two colours with up to 10 midpoints.
  • Pantone Colour Matching – downloadable PDF of Pantone Colour Matching Palette. Note: the colours you see on screen may not be an exact match. Does not give hex, RGB or CMYK equivalents.

Please notify us if any of these links don’t work.

Need help with the size or resolution of your images? »