Web design

Color Theory

The first impressions are most lasting! It is relevant not only in life, but also in design. The design impression consists of a number of factors, and one of the most important is the color.

It is not always easy to understand what colors go together, and this article covers the basics of color theory, which will be useful in choosing a color scheme for the website design. Let's start with the basics.

Primary Colors

The primary colors of palette are red, yellow and blue. If we talk about the primary colors on the screens of various devices they are red, green and blue (RGB).

Secondary Colors
If you evenly mix red and yellow, yellow and blue then blue and red you will have the secondary colors, such as orange, green and purple. The combination of these colors can make a contrast in the project design.

Tertiary Colors
The tertiary colors are produced if you mix the primary and secondary. For example, red and purple, blue and purple, blue and green, yellow and green, red and orange, yellow and orange.

We figured out the basics of color wheel. Using it you can easily pick up great matched colors for the design. Let’s move on to more the complex combinations.

Complementary Colors
According to the scheme, the complementary colors are opposite to each other on the wheel. They give to the design more contrast, but you have to use them with caution, otherwise it will be a motley design.

Analogous Colors
They are located next to each other on the color wheel. Neighboring colors create a sense of diversity, for example, blue and green or yellow and orange.

Using the triads on the color wheel, you can achieve sufficient diversity and at the same time a good balance.

Split Complementary Colors
This combination of colors adds some contrast and diversity to the design.

Square Colors
The square color scheme is similar to the rectangle, but with all four colors spaced evenly around the color wheel.

Tetradic Colors
It is similar to the previous scheme, namely it is just its variation.

Tints and Shades
It gives to the design the volume and variety of colors.

Warm and Cool Colors
The cool and warm colors are the classic color schemes. The warm colors bring summer associations, such as the heat, sun, green landscapes, and the cool colors are associated with the winter and remind the cold, snow, and the cloudy weather.

One of the most important skills of a good designer is to understand the color theory and to use it in practice. The proper combination of colors on the website improves the overall perception of the design, and it can cause a variety of emotions.

In addition, I can advise kuler website that is very cool service for the selection of color schemes from Adobe.
The images of the color wheel were taken from here.
Pirat 1 june 2014, 16:22
Vote for this post
Bring it to the Main Page


Leave a Reply

Avaible tags
  • <b>...</b>highlighting important text on the page in bold
  • <i>..</i>highlighting important text on the page in italic
  • <u>...</u>allocated with tag <u> text shownas underlined
  • <s>...</s>allocated with tag <s> text shown as strikethrough
  • <sup>...</sup>, <sub>...</sub>text in the tag <sup> appears as a superscript, <sub> - subscript
  • <blockquote>...</blockquote>For  highlight citation, use the tag <blockquote>
  • <code lang="lang">...</code>highlighting the program code (supported by bash, cpp, cs, css, xml, html, java, javascript, lisp, lua, php, perl, python, ruby, sql, scala, text)
  • <a href="http://...">...</a>link, specify the desired Internet address in the href attribute
  • <img src="http://..." alt="text" />specify the full path of image in the src attribute