Colour Theory

The 12 part colour wheel below is based on the three primary colours ( Red, Yellow and Blue ) placed evenly around a circle. Between the three primaries are the secondary colours (Green, Orange and Violet) which are mixtures of the two primaries they sit between. The tertiary colours fall between each primary and secondary colour. Between yellow and orange, for example, is yellow orange, between blue and violet is blue violet and so on.

All these colours around the outside of the colour wheel are called saturated colours. They contain no black, no white and none of their complementary or opposite colour. NB. Some books will refer to tertiary colours as a mixture of the three primaries and only break the colour wheel into six colours (primaries and secondaries). We prefer the theory based on Johannes Itten's 12 part colour wheel, as it offers a much better understanding of the interaction of colours.

Compound colours are colours containing a mixture of the three primaries. All the browns, khakis and earth colours are compound colours.

In the illustration below the compound mixtures between red and green are shown, as are tints and shades of the colour wheel. Tints are made by adding white to a colour, shades are made by adding black

Imagine a colour wheel filled in with all the compound mixtures between all the complementary colours. If this colour wheel is placed in the middle of a cylinder with progressively darker shades of all those colours below and progressively lighter tints above, the cylinder would contain every possible colour!

Related Articles

  • Colour Theory
    The colour wheel below consists of 20 basic web safe colours, and is a helpful tool that shows the basic organization and relationships between colours. By choosing the colour opposite a particular colour you can match colours more effectively...
  • Designing for Clarity
    Once you have your content, arranged it into a likely architecture, and worked out where it will sit on the page, youre ready to design the display layer. The goal is to arrange various elements on screen to maximise the users chance of using the site successfully...
  • Color Theory 101
    You may never think about color when you design. You may just think what looks good is what is good. Well think again, because it goes much deeper than that. This week I want to begin talking about color theory. Before I do, I want to stress that some of this is hard and true Color Theory as
  • Web Colour Combinations
    What colour combination should I use in my website and how it will help your visitors on the long run.
  • Color Adjustments: Color Theory (Video Included)
    Lets proceed to the color adjustments. To work with color efficiently you have to understand the foundations of the color separation. If you know this theory, feel free to skip this page. If you dont, please read this at least once.
  • Guidelines for Using Colour
    Colour is one of the designers best tools. There are lots of ways to use it to help communicate a message. Colour can carry meaning, express personality, differentiate, frame, and highlight content...
  • Colour Management
    This interesting article on Web Design is about Color Management. The author discusses color theory, then applies it to graphics and monitor displays in a very helpful tutorial with lots of screenshots.
  • Search Engine Secrets
    1. Search engines read your pages from the top down.
    So, you want to use your critical keywords at least once in the first paragraph on each web page. Then you can use it once in each paragraph after that and in the last line...
  • Web Safe Colours
    Web Safe A web safe colour is one that will display correctly on any screen, irrespective of the operating system or graphics card. There are only 216 web safe colours. You can use other colours, but you cannot be sure they will display correctly. A general rule of thumb is: if possible use
  • Search Engine Optimization For Google
    A group of Google employees have recently filed a patent application (#20050071741) with the United States Patent and Trademark Office which gives insight into how to optimize one

Contact Web Design Outsource and get started today

Need Website Designing, Development, Redesigning, Maintenance and SEO services or help growing your company's web presence? Request a free Quote Now.