WordPress Website Design Principles #4 – The Power of Colour

Share Article

Colour evokes many emotions which can be used to influence positive and negative reactions. This is important for your WordPress website design. Seeing colour in different situations guides your concepts and your visitor's perceptions. You can use colour on your websites to instantly convey a feeling and draw in your visitor. Colour can inspire action and help consolidate your brand. You can use colour to create a powerful website experience.

Website colour harmony

Colour is contained in light. With computers, it is RGB, transmitted light which is different to printed colour which is reflected light. Lightwaves are received by the eye and interpreted by the brain as colour.

Colours have hue, saturation, temperature. Warm, cool, when placed together colour temperature can be affected. It is important to spend time selecting your colour pallet for your website. Consistent colour across your site will create harmony, build your brand and present a confident experience.

WordPress Training Newcastle Colour

Website colour confidence

Be confident with your colour choices. Try to limit your colour pallet, less is very often more. Colour is subjective. Be confident with your choices. Blend colours that work well together, but remember, accent colours are great for calls-to-action that required some stand-out.

Why your WordPress SEO will fail without good design

Website colour research

Online there are many places to carry out colour research. Testing colour combinations is a great way to create your website colour pallet.

Here are a few places to visit to try out your colour ideas.

• colordesigner.io
• Adobe Color
Colours.co
• Palatton
• Colour Space

Use colour trends carefully, traditional colours can provide an impact as well as the latest colour pallets and design trends.

colour and WordPress web design 2

Website colour interaction

Colour plays an important part in User Experience and User Interface design. Unexpected colours within a brand colour scheme can catch the eye and highlight a required action. Use colour wisely as clashing colours can make or break a design. The unexpected and be positive as well as negative. Find out what works best for your particular visitors.

Colour has the power to drive actions and emotions. Different colours can have different meanings.

colour and WordPress web design 5

Website colour specification

Colours may be specified as an RGB triplet or in hexadecimal format (a hex triplet) for your website.

Colour on the web is specified with HTML code which contains the symbol "#" and 6 letters or numbers. These numbers are in the hexadecimal numeral system. For example "FF" in hexadecimal represents number 255 in Decimal.

References:

Colour Hex Colour Codes
• HTML colour codes

colour and WordPress web design 4

Website colour accessibity

The web has the mandate to be accessible to everyone. Colour plays an important part in this, not only for those will different colour viewing ability, but for situations where lighting is poor or monitors are inadequate. Colour contrast between text and background is important on web pages. It affects some people’s ability to perceive information. Colour accessibility is worth checking on your website project.

References:

Accessible Colours
Colour Safe.co
Accessible-color-matrix/
Are My Colours Accessible.com

The Takeaway

Colour can take time to master. Balancing the right colours can be tricky. Having a good eye for colour will be an advantage. Take time to consider the right colours. Colour that complements your brand and photography. Colour that enhances your visitor's experience and delights them to take the action you require.

If you need WordPress design, web design training and you are based in the North East or Newcastle area, get in touch for an initial chat.

WordPress Training Newcastle

Belinda White | WordPress Consultant | WordPress Trainer

Image credits: Unsplash and Adobe Stock

Belinda White | WP North East

Belinda White | WP North East

Belinda White, WordPress Training Consultant. WordPress Training, WordPress SEO Training - Creative Director at Arttia Creative Limited. Creative designer with over 20 years experience in the UK web and design profession.

More Posts - Twitter