Web page color matching

Color is the most sensitive aspect of human vision. The comparison between different colors has different effects. When the two colors are at the same time, the two colors go to their own extremes. For example, the comparison between red and green colors makes the red colors more red, green green, black and white

Color comparison: The black color is darker and the white color is more white. Because of the different visual effects of people, the comparison results are usually different. When a parent looks at a solid color, such as red, and then the people around him, you will find that the faces around him are green, because

The comparison between red and the surrounding area forms a visual stimulus! The Color comparison is affected by many factors, such as the area, time, and brightness of the color.

There are many ways to compare colors. The comparison of colors is one of them. For example, when comparing lake blue and Deep Blue, you will find that the deep blue has a purple flavor, while the lake blue has a green flavor. The comparison of various solid colors will produce clear color effects, which can easily bring visual effects to people.

And psychological satisfaction.

The comparison between colors also has the purity comparison, for example, the yellow color is eye-catching, but adding the gray color will lose its eye-catching luster. You can usually use black, white, and gray to compare the solid color, which can reduce its purity. The comparison of purity will make the color effect clearer.

Sure.

The color of the home page is well processed and can be icing on the cake to get twice the result with half the effort. The general color application principle should be "overall coordination, partial comparison", that is, the overall color effect of the home page should be harmonious, with only partial and small scope

You can have some strong comparisons.

So how can we make our homepage more colorful with colors? The problem we often encounter is mainly about the combination of background color and font color: achieving a visual effect that is neither dull nor too bright.

Result

1. The color is produced by the refraction of light.

2. Red, yellow, and blue are the primary colors. Other colors can be blended with these three colors. The color expression in the HTML language of the webpage is represented by the values of these three colors. For example, the red color (, 0, 0) hexadecimal representation is

(Ff0000) the white color is (ffffff). We often see "bgcolor = # ffffff", which means that the background color is white.

3. The color is divided into non-color and color. Non-color indicates black, white, and gray system colors. Color refers to all colors except non-color.

4. Any color has the property of saturation and transparency. attribute changes produce different colors, so at least millions of colors can be created.

Is it good to make webpages in color or non-color? According to professional research institutions, the color memory effect is 3.5 times that of black and white. That is to say, in general, color pages are more attractive than full black and white pages.

Our common practice is: to consider the depth and shallow of the homepage background color (background color), here we use a term in photography, that is, "high profile" and "low profile ". The light background is called a high profile; the deep background is called a low profile. The background color is deep and the text color is light

Light-colored content (text or image) with a dark background. On the contrary, the background color is lighter and the text color is deeper, use a light background to set off dark content (text or images ). This kind of variation is called "brightness change" in colorology ". Yes

Some home pages, the background color is black, but the text also uses a deeper color, because the color brightness is relatively close, readers will feel very hard when reading, this affects reading performance. Of course, the brightness of the color cannot change too much, otherwise the brightness on the screen

The contrast is too strong, which also makes the reader's eyes unbearable.

We also need to consider the symbolic meaning of color. Color configuration can reveal your mood and preferences, and reveal your control over the color.

In terms of color usage, you can use different dominant colors based on the needs of the homepage content and your preferences. Because colors are symbolic, such as green, green, golden yellow, and gray-brown, they can represent spring, summer, autumn, and winter respectively.

There are also professional colors, such as the olive green of the military and police, and the white color of health care. Colors also have obvious psychological feelings, such as cold and warm feelings, the effects of entering and retreating. In addition, the color also has a nationality, because of the environment, culture,

There is also a big difference in color preferences due to factors such as traditional. The full use of these features of color can make our home page have a profound artistic connotation, so as to enhance the cultural taste of the home page.

Dark colors with high brightness will give people a clear, intense, strong stimulus such as dark yellow to Thorn yellow. Dark colors with High Brightness in the middle of the contrast, will give a person a calm, steady, deep feeling, such as deep red in the middle is the thorn red, neutral color and low height of

Compared with others, it gives people a vague, obscure, and profound feeling. For example, the light gray in the middle of the grass green, the solid color and high brightness contrast, giving people the feeling of jumping and dancing. For example, the comparison between the solid color of yellow and white and the low brightness gives a gentle and cheerful feeling. Such as light blue and white solid color and

The dark contrast makes people feel tough and unchangeable.

Here are the Symbolic Meanings of some colors

1. Color

Warm tone. That is, the combination of red, orange, yellow, and yellow colors can make the Home Page show a warm, warm, and enthusiastic atmosphere.

Cold tone. That is, the combination of blue, green, purple and other colors can make the Home Page show a quiet, cool, elegant atmosphere.

Contrast tone. That is, colors with the opposite color are combined in the same space. For example, the combination of red and green, yellow and purple, and orange and blue can produce a strong visual effect, giving people a bright, bright, and festive feeling. Of course, if you use contrast tones

Poor, will be counterproductive, produce vulgar, dazzling bad effects. This requires us to grasp the important principle of "Big reconciliation, small comparison", that is, the overall tone should be unified and harmonious, and there may be some small strong comparisons in some parts.

2. Pigment

1) Color Ring

We turn the color into "red-> yellow-> green-> blue-> Red" to an excessive gradient to get a color ring. The two ends of the color ring are warm and cold, medium colors. (For example)

Red, orange, orange, yellow, yellow, green, green, blue, blue, purple, purple, red
| ___________ | ____ | _________ |
| Warm neutral cold neutral

2) psychological perception of color

Different colors give different psychological feelings to viewers. Each color is in saturation, and a slight change in transparency produces a different feeling.

RED: strong and festive colors. It has a stimulating effect and is easy to make people impulsive. It is a magnificent embodiment of the spirit, anger, enthusiasm, and vitality.

Orange: it is also an exciting color, with a brisk, joyful, warm, warm, and fashionable effect.

Yellow: the highest brightness, warmth, happiness, Hope, wisdom, and brisk personality.

Green: In the middle of the warm and warm colors, it looks harmonious, peaceful, healthy, and safe. It works with golden and pale colors to produce an elegant and comfortable atmosphere.

Blue: Always, broad, cool, fresh, and professional. Mixed with white, it can reflect a soft, elegant, romantic atmosphere, giving people a feeling of calm, rational

Purple

Black: deep, mysterious, quiet, sad, and depressing feelings

White: white, bright, pure, and clean

Gray: moderate, ordinary, gentle, modest, neutral, and elegant

Black and white: different times give people different feelings. Black sometimes feels silent, void, and solemn. White sometimes feels endless hope, but sometimes fear and sorrow.

Bgcolor = "# f1fafa" // the background color of the text is good and elegant.

Bgcolor = "# e8ffe8" // the background color of the title is good. It is very consistent with the color above. The two colors can be black or font color = "#800080"

Bgcolor = "# e8e8ff" // the background color of the text is good, and the font color is black.

Bgcolor = "#8080c0" // it is better to have a yellow and white font on it

Bgcolor = "# e8d098" // it is better to have a light blue or blue font on it.

Bgcolor = "# efefda" // better match the light blue or red font on it

Bgcolor = "# f2f1d7" // black and elegant, highlighted in red letters

Bgcolor = "#336699" // better title with white words

Bgcolor = "# 6699cc" and bgcolor = "#479ac7" and bgcolor = "#66 CCCC" and bgcolor = "#00b271" and bgcolor = "# b45b3e" with good white text // Title

Bgcolor = "# fbf8ea" and bgcolor = "# d5f3f4" and bgcolor = "# d7fff0" and bgcolor = "# f0dad2" and bgcolor = "# ddf3ff" are both nice-looking/ /generally, the color scheme above the text is relatively elegant.

The black or white blue text on the pale green background are eye-catching, but the former highlights the background and the latter highlights the prospects. The red and white text are eye-catching, with a deep background color and a yellow word.