Classification according to the collocation of the color phase

This section classifies the collocation that is common in web design according to the order of color. Each class is based on the color phase, with the other color phase or the same color, and applies the method of contrast and harmonization, and according to the order from light to strong.

Red

Orange

Yellow

Kelly

Green

Turquoise

Blue

Bluish Violet

Violet

Fuchsia

Classification according to impressions

This section classifies the collocation that is common in web design according to the order of color. Each class is based on the color phase, with the other color phase or the same color, and applies the method of contrast and harmonization, and according to the order from light to strong.

Soft, bright, gentle

The coloring of high brightness will get soft, bright and mild feeling together. To avoid blinding, designers usually use low bright foreground colors, and the distance between color rings also helps to avoid depressing.

Soft, clean, and bright

For the soft, clean and bright impression, the blue to green color in the color ring should be the most suitable. And the brightness is high. As you can see, almost every combination has white participation. Of course, in the actual design, the high brightness of the blue and green opposite color can be used to replace the white.

Lovely, happy, interesting

The color matching features of the lovely, happy, and interesting impressions are that the color phase is evenly distributed, collocation, high saturation, and high color resolution.

Lively, happy, interesting

Lively, happy and interesting. Compared with the previous impression, color selection is more extensive. The most important change is to replace pure white with low saturation, color or gray.

Sporty and brisk

The color of sports should be intensified and stimulated, and health, happiness and sunshine should also be reflected. Therefore, the color of high saturation and low brightness is often on the field in this kind of impression.

Light, gorgeous, and dynamic

The magnificent impression is that the page is full of color, and the saturation is high, and the light of the brightness can strengthen the impression.

Wild, plentiful, and dynamic

The wild impression space is less than the low brightness color, and can even be matched with the appropriate black. Other colors have high saturation and strong contrast.

Magnificence, garish, feminization

In the feminine page, purple and magenta are the main characters, pink and green are also common colors. In general, there is a high saturation collocation between them.

Aftertaste, feminization, elegance

The feeling of elegance is very strange, and the saturation of color is usually reduced. Generally, blue and red between the adjacent, adjust the brightness and saturation to match.

Nobility, nature, stability

Noble in general to use low brightness yellow green, color brightness down, pay attention to the balance of color, the page will appear secure.

Calmness and nature

Green is the leading role of calm and natural impression, but green is the main color of the page, so it's easy to get into a negative feeling. Therefore, we should pay special attention to the design of patterns.

Tradition, elegance, elegance

Traditional content generally reduces the saturation of color, especially brown. The previous introduction of purple is also a common color of elegance and elegance.

Tradition, stability, classicism

Traditional, stable, classical are conservative impressions, color selection should be used as far as possible with low brightness warm color, this match is in line with the mature aesthetic.

Honest, stable, good taste

Brightness and color saturation is low will give people honest, steady feeling. In order to avoid the color is too conservative, to make the page rigid, negative, should pay attention to the combination of cold and warm and bright and dark contrast.

Simple, clean, and progressive

The simple and clean color can be used in the color phase with blue and green, and a large area of white. And the progress of the impression can be more blue, with low saturation or even grey.

Simplicity, fashion, elegance

Gray is the most balanced color, and it is one of the main colors of plastic metal texture. Therefore, it is appropriate to express elegance and fashion, and even use it in a large area. But we should pay attention to the structure of the pattern and the texture.

Simplicity, progress, fashion

The color of progress is mainly blue, with grey. And the brightness of the color unity, color adjacent, in the color will appear concise.