(Reading time: 2 - 4 minutes)
How To Choose The Right Colour Scheme For Your Website

How To Choose The Right Colour Scheme For Your Website

Featured
  
Comments (0)
How to select the right colour scheme for your website

Information

Last Updated
June 30, 2017

When I was 18, I applied to join the army and found out I was colour blind.

Nothing dramatic. I found it difficult to distinguish between darker shades of colour. For example dark grey can often appear to be black and deep blues can appear purple. Web safe colours are a bonus for me because I know I'm not looking at a made up shade and all the colours are the same whichever device I'm viewing the page on.

What Is A Websafe Colour?

The colour palette is made up of 256 colours and determined by a mathematical formula. The relationship between the number of colours in the palette and the number of colours an old computer monitor can display – 256 is, of course, no accident.

From those 256 colours, only 216 will display in the same way across all browser and computer platforms.

The remaining forty colours are “dithered” and depend on the graphics card and browser combination to render them on a screen which is why the output can vary across devices.

If you want to be sure that your website will display in the same colour whatever display it is viewed on you should stick to the 216 web safe colours.

Colour Safe Web Palette

Choosing Colours For Your eCommerce Website

The colours you choose for your website will have a significant impact on its performance and contribute greatly to benchmark factors like bounce rate and conversion so getting this right is a worthwhile time investment.

As we grow up, we are programmed to make associations between colour and actions. At its most basic level red means danger and green mean success or “go”. How you use colour determines how your website will be perceived.

Some Examples Of Colour Use

Brown is the colour of the earth and wood. It is a relaxing and natural colour. Brown is a great colour for walking boot stores, outdoor lifestyle activities like camping and hiking and rustic foods.

optimized large brown

 

Black should be avoided as your primary colour as overuse can give a feeling of oppressiveness. It is a great colour to use in accents or to offset other colours. Black is a great colour to use a logo as it is offset by a white background.

optimized large black

Blue is one of the most popular colours throughout the world regardless of religion or race. It is often used to symbolise communication, and deep blues convey trust and authority.

optimized large blue

Gray is often used by technology companies and is associated with precision and control.

optimized large gray

Green is a great colour for many websites because of it's passive nature. You can use green on outdoor websites, gaming websites, in fact, anything that indicates movement and activity.

optimized large green

Orange is most peoples least favourite colour, and you should avoid using it unless you specifically know the type of creative message you want to convey. It is associated with originality and is an attention grabber.

optimized large orange

Pink is the go-to colour for any feminine website and is great for clothing and dating websites.

optimized large pink

Yellow is the first colour that hits the retina as the eye processes information, and for that reason, too much yellow can be a real turn off. Used sparingly or as an accent colour yellow conveys playfulness and would be a great colour for children's websites.

optimized large yellow

And lastly Red

Red is known as a buying colour and is an attention grabber. Think high street sales. However too much red can signal danger, and for that reason, it is best used as an accent colour and not the main background colour.

optimized large red

How Colour Affects Conversions

++ Click Image to Enlarge ++
How Colors Affect Conversions
Source: How Colours Affect Conversions – Infographic

 

How To Pick Colour Combinations

If like me you are pretty rubbish at colours then the best thing to do is to look at some of the websites that specialise in providing hex code colour wheels.

These sites provide colour palettes based on Triadic colours, monochromatic colours and similar colours.

http://www.color-hex.com will give you a list of colours which you can pick from and also has some inspirational user-contributed colour palettes.

Abandoned Garden Color Palette

Computer Popularity Color Palette

Good Grades Color Palette

 

Summary

Following some simple style rules will ensure you pick the right colour combination for the type of audience you are designing for.

In many instances, colour design is made simple for you by purchasing a template from one of the theme stores and modifying the style to suit your product leaving the colours intact.

This will ensure you get a highly polished design and a beautiful looking website.

If in doubt always stick to the 216 websafe colours.

 

Save

User comments

There are no user comments for this listing.
Already have an account?
Comments

SEMRush SEO Tool

SEMrush

You Might Also Like...

How to find the perfect domain name
Last Updated: December 29, 2017
You've spent an eternity researching your eCommerce website idea, and everything is falling into place, except for one all important item: your domain name. That damn "whois" search box...
Wix v Weebly, Drag and drop website builders compared
Last Updated: June 29, 2017
Life is too short for endless comparisons. You want to build a website, and you want it made today. Forget about using one of the free...
The Website Promotion Technique That Will Light A Fire Under Your Ass!
Last Updated: June 30, 2017
"I'm getting too many orders." "We are running out of stock fast." "The servers are overloaded with traffic." All statements you would love to be able to say. All...
Build Your Blog Into A Marketing Monster – One Post At A Time
Last Updated: June 30, 2017
Have you ever sat down to write a blog post without any thought or preparation? Then you'll know how tough it can be to get started. ...
How to select the right colour scheme for your website
Last Updated: June 30, 2017
When I was 18, I applied to join the army and found out I was colour blind. Nothing dramatic. I found it difficult to distinguish between...

Custom Logos & Graphics - Super Fast Service - Enquire Today!

Search Storebuilder

Category:
Keywords:
Editor Rating: