Web Design Color Application Tutorial: Color contrast analysis

Page page is always a kind of internal contact with a variety of colors, composed of a complete unified whole, the formation of the overall trend of color, called hue. Can also be understood as the color state. The color gives the person the feeling and the atmosphere, is affects the color matching visual effect the decisive factor.

In order to make the overall picture of the Web page appear stable and harmonious feeling, in order to fully grasp its law to better analysis and learning, the last time we introduced the visual role of the primary and secondary position of several concepts, this section we introduce the color contrast.

Contrast and harmony is the change and unification law of formal beauty

Under certain conditions, the contrast between different colors will have different effects. In different environments, many colors give people an impression, a single color gives another impression.

A variety of pure color contrast will produce a bright color effect, it is easy to bring people visual and psychological satisfaction. Red, yellow, blue Three colors are the most extreme color, the contrast between them, which color can not affect each other.

Many friends think that color contrast is mainly red-green, orange-blue, yellow-purple contrast, the actual color contrast category is not limited to these. Refers to the various colors of the interface composition of the area, shape, location and hue, lightness, purity of the difference between the Web page color to add a lot of changes, more colorful pages.

The contrasting laws of color have the following points:

Hue contrast

Refers to the contrast between the differences in hue. When the main hue is determined, it is necessary to consider the relationship between other colors and the main hue, what content and effect should be displayed, so as to enhance its expressiveness. Different hue contrast obtained effect is different, the closer the two colors, the softer the contrast effect. The closer the complementary color, the stronger the contrast effect.

→ Hue Contrast page example: http://www.portfolios.com

Hue Contrast page Example diagram

Hue Contrast Analysis:

It is mainly the hue contrast between green and blue. From the HSB value can be seen the bright green s purity high B brightness is also very high, so gorgeous color as background and foreground purity slightly lower green and wheel blue formation hue contrast. The foreground of the dark green although the purity reached the highest value of 100%, a lot higher than the main color, but because the brightness is low, so the color display no main colors.

Conclusion:

The contrast between the page hue, the main role in the foreground and background contrast, local and overall contrast.