The Colour Theory of Web Design

Elements of Colour Theory

The World Wide Web is steered by its visual communication and ability to draw people in with images, videos, and other optical components. Similarly, the colours used in any work of art can greatly affect the impact the work has on the viewer. By putting these two points together, it’s easy to see that the colour palette used on the web is vital in effective visual communication with the viewer. So how can you use colour effectively to help your site?

Flat colours can vary greatly depending on their properties. You can make countless shades of red, just by tweaking the value and saturation levels of the red you use. The value of a colour is the degree of lightness or darkness of your flat colour. You can use the value levels of two colours against one another to create contrast, a visually pleasing colour phenomenon. The saturation of a colour is the amount of white or black mixed in, changing the strength of the colour. In the following image, you can see that the blue becomes less of a true blue the more white is added.

colourtheory1

Colours placed against other colours can greatly affect the way they are perceived. For example, in the following image, all the middle squares of each row are the same, yet they look different when placed inside a coloured box.

colourtheory2

Using Colour Theory in Web Design

The value of the colour scheme of your site can help set the overall mood. By using a low key colour palette, where the dominant is dark, your site will look serious, or even gloomy. If you use a lighter, high colour scheme, it may look for more soft and dreamy. Follow these tips to create a colour scheme that fits the feel of your site.

  • Sober and Serious: Use de-saturated colours and low key colour scheme. Use browns and a limited palette for the best and cleanest look.
  • Dynamic and Exciting: High contrast, high key colour palette. Fully saturated colours, with a splattering of both light and dark colours spread out across the page.
  • Soft and Dreamy: High key palette, colours mixed with whites and light greys. Soft colours.
  • Professional and Pure: Large areas of white with small accents of pure, high contrast colour.

You can create many great colour palettes that help capture the feel of your business by playing around with value, saturation, and colour grouping. For help creating a palette, you can check out sites such as http://colourco.de/, and https://color.adobe.com/.[wpep id=”1889″]

0 0 vote
Article Rating

Your Business Isn't Being Found. Here's What Your Successful Competitors Are Doing That You Aren't.

Marketing is a necessary step in every business’ growth, but we figured we could help you out with a Free Workbook full of the initial steps you can take to start getting more phone calls, more foot traffic, more contact form submissions, more sales, and more work to keep your team occupied and growing.

FREE DIGITAL STARTER KIT

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Related Articles


What Goes On My [About] Page?

So you want to know what you’re supposed to put on your website’s About page. Well, you came to the right place.  Your About page is where customers, investors, and other people of importance are […]

Continue Reading May 14, 2020

How to Setup Your Business For Post COVID-19 Success

COVID 19 Business Success

The world as we know it has changed; COVID-19 has transformed the business landscape forever. I’ve recently read a few articles about what we can expect in a post-COVID world, and I want to reflect […]

Continue Reading May 6, 2020
0 Shares
Copy link