Red webpage color matching recommendation and text color matching

 

Red is the top choice in web design, and red is divided into a variety of red, such as red, red ...... How should we match these different "red" products? Which colors can make it more harmonious and attractive?

I. Zhu red

Zhu Hong is a traditional Chinese color name, Zhu Hong is the color of Zhu Sha, more lively and enthusiastic than the red (R: 255G: 0 B: 0), the color purity is also high, there are also other statements about Zhu and Dan.

Because of its obvious characteristics, Zhu Hong is easy to get excited. It is commonly used in webpages such as food, promotions, festivals, fashion and leisure.

Recommended colors: black, red, orange, earth yellow, light green, dark green.

Recommended webpage design scheme: the primary color is dark brown (R: 200G: 0 B: 0), and the secondary color is black (R: 0G:

0 B: 0), the eye color is pure white, the background color with Zhu red (R: 240G: 65 B: 85 ).

Analysis: Red Zhu + black + white

In red, the color saturation and brightness are very high, which are especially prominent on webpages. The secondary color black is in stark contrast with the red, holding down the eye-catching Red, it can also highlight the pattern (image) on the red, while the pure white eye color is mainly used in navigation or logo, to reconcile the entire page, making it more vivid.

2. Deep red

The brightness of the deep red color is lower than that of the big red color, but with the brightness of the dark, it can create a deep or bitter atmosphere. It provides a stable, noble, mature, and passive visual experience.

If the deep red color is used as the background color, it can be significantly different from the front image and light-colored text, and can highlight the main text center.

Recommended colors: Black, orange, brown, earth and yellow

Recommended Webpage Design and combination scheme: the main color is dark brown (R: 60G: 0 B: 8), the secondary color is pure black, the eye color is pure white, the background color is dark red (R: 145G: 0 B: 17 ).

Analysis: dark red + black + white

The deep red is to reduce the brightness of the income on the basis of the Big Red, because of the decrease of the brightness of the deep red, give deep, noble, calm psychological feelings. The secondary color black often plays a coordinating role, making the picture more harmonious. White as the eye-catching color, more importantly, to highlight the subject, such as the advertising language, product name.

3. Rose Red

Rose Red is mostly used on female theme web pages, such as cosmetics and clothing, which can often bring a charming and gorgeous atmosphere.

Recommended colors: big red, black, green, earth yellow, and white

Recommended Webpage Design and configuration scheme: Rose Red (R: 228G: 52 B: 100), black as the secondary color, green as the eye color (R: 100G: 148 B: 43) the background color is brown (R: 130G: 24 B: 47)

Analysis: Rose Red + black + green

Rose Red is a cold color in the red system, while brown and Rose Red achieve the same effect through different brightness. Although it is a bit dull, it adds green as the eye-catching color, the page is much clearer, with distinct priorities and charm.

4. Pink

Pink, also known as light red and Princess Red, represents cute, romantic, and fantasies. It has always been a favorite of girls. Therefore, for pages dominated by pink, female themes are often more obvious, because pink also conveys tenderness, charming, gentle, sweet, and so on.

Recommended colors: black, red, brown, and khaki

Recommended webpage design scheme: the main color is pink (R: 250G: 160 B: 198), the secondary color is pure white, and the eye color is blue (R: 158G: 228 B: 228), the background color is pink.

Analysis: pink + white + blue

Pink is the high brightness change in the red system, also belongs to the cold color in the red system. The combination of background pink and white is very bright, so there is no strong contrast, it is more coordinated, the eye-colored blue is generally used for the purpose of highlighting the logo.

5. Red + green Analysis

The combination of red and green is often used for intervention, such as Christmas and other lively web pages.

Because red and green are in contrast, green also looks more green in red, and red also looks more red. If it can be matched with a white color, it will be more vivid and lively to make a gentle treatment visually.

6. Red + yellow Analysis

The combination of red and yellow is a simple and safe color. It is often used in fresh and Dynamic Webpage designs such as food, leisure and fashion. Red and yellow are adjacent colors and their brightness and purity are close to each other. Therefore, you can coordinate, soften, and feel comfortable on the webpage.

7. Red text color combination

Among the many web page design colors, there are few webpages that use only red colors based on the needs of the web page content, which are often used for eye-catching or secondary colors to achieve eye-catching effects.

The combination of red text mainly takes two points into consideration. If highlighted, it should be displayed in a strong contrast font, such as yellow or white. If you want to maintain the overall consistency, you should use chrysanthemum similar colors or colors with close purity and brightness to adjust the combination, orange is a good choice.

Summary: This chapter describes the colors that should be matched with red, the effects of red and other colors, and the colors of red text. This article is written by the Migration company Slc www.banjiabaojia.com. If it is reproduced, please indicate the source, and everyone is responsible for respecting copyright. Of course, the explanation of the red series is also over. The next article will introduce the webpage design of the orange series.