Red Line page Color matching recommendation and text color matching

Source: Internet
Author: User

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Red is a popular choice in web design, and red is divided into a variety of red, such as red, crimson ... And how do these different "red" go with each other? which color can foil to make it more harmonious attractive?

The Scarlet

Red is the Chinese traditional color name, vermilion is the color of cinnabar, than Red (r:255 g:0 b:0) More lively, enthusiastic, the purity of the color is also higher, there are Zhu, Dan Color and other statements.

Red because of the characteristics of the obvious, it is easy to make people feel excited, commonly used in food, promotions, festivals, fashion, leisure and other types of Web pages.

Best with color recommended: Black, red, orange, Huang, light green, dark green.

Web design collocation Proposal: Main color is dark brown (r:200 g:0 b:0), auxiliary color is black (r:0 G:

0 b:0), the eye color for pure white, background color with scarlet (r:240 g:65 b:85).

Analysis: Vermilion + black + White

Scarlet in the red saturation, lightness are very high, used in the Web page will be particularly prominent, auxiliary color black and red to form a sharp contrast, press the eye-catching vermilion, the same can be highlighted in the red on the pattern (picture), and the focus color white mainly used in navigation or logo, to reconcile the entire Web page, make it more vivid.

Two. Crimson

Deep red brightness compared to the brightness of the big red is lower, but this kind of color with the brightness of dimming, can create deep or resentment of the atmosphere. Give people a stable and noble, mature and negative visual feeling.

Dark red if as a background color, can be compared with the previous picture and for light text has a more obvious difference, you can highlight the main text center.

Best Match Color Recommendation: Black, orange, Brown, Huang

Web Design collocation proposal: The main color is dark brown (r:60 g:0 b:8) auxiliary color is pure black, the eye is pure white, the background color is dark red (r:145 g:0 b:17).

Analysis: Dark red + black + White

Dark red is on the basis of large red to reduce the brightness of the gain, deep red because of the reduction of lightness, give people deep, noble, calm psychological feelings. and auxiliary color Black often play a coordinating role, make the picture more harmonious. White as the focus color, but also to make the main body prominent, such as advertising language, product name.

Three. Rose Red

Rose Red is used in the theme of women's web pages, such as cosmetics, clothing and so on, often can bring a charming and gorgeous atmosphere.

Best match Color Recommendation: Big red, black, green, Huang, white

Web design collocation proposal: Main color Rose (r:228 g:52 b:100), auxiliary color is pure black, the focal color is green (r:100 g:148 b:43) Background color is brown (r:130 g:24 b:47)

Analysis: Rose Red + black + Green

Rose red in the red line belong to the cool pie, and coffee and rose through different lightness and achieve the unity of the effect, although slightly dull, but joined the green as the focal color, is the page clear a lot, primary and secondary trenchant, with lingering charm.

Four. Pink

Pink is what we commonly known as the Light Red, Imperial concubine Red, representing the lovely, romantic, fantasy, has been a girl's favorite. Therefore, the theme of the pink page, female themes tend to be more obvious, because the pink also conveys tenderness, charming, gentle, sweet and so on.

Best Color Recommendation: Black, Big red, brown, earthy yellow

Web Design collocation proposal: The main color is pink (r:250 g:160 b:198), auxiliary color is pure white, the focal color is cyan (r:158 g:228 b:228), the background color is pink.

Analysis: Pink + white + cyan

Pink is the high brightness change in the red system, also belongs to the red line in the cold color. Background pink and white collocation, because the lightness is very high, so did not form a strong contrast, also more coordination, focus color cyan is generally used in highlighting the purpose of the logo.

Five. Red + Green Analysis

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

Because red and green is contrasting color, so green in red also appear more green, red also appear more red. If it can be matched with white, to do a smooth treatment of vision, will appear more lively.

Six. Red + yellow Analysis

The combination of red and yellow, is a simple and safe color matching, often used in food, leisure and fashion, such as fresh vibrant web design. Red and yellow is adjacent color and lightness and purity are relatively close, so in the Web page can be coordinated, soft, comfortable feeling.

Seven. Red text color collocation

In many web design color, according to the requirements of the content of the Web page, the use of the main color of the page is less, often used to do eye-color or auxiliary color, to achieve eye-catching results.

In the red text collocation, mainly take two points as the center. If used as a highlight then match the strong font to show, such as yellow or white. If you want to maintain the overall consistency, should adopt chrysanthemum similar color or purity and brightness close to the color to adjust, Orange is a good choice.

Summary: In this chapter we explain the colors that should be paired with red and the effects of red and other colors, as well as the color matching of the text in the red line. This article by the www.banjiabaojia.com Moving Company's SLC compiles, reprint please indicate the source, respects the copyright everybody to have the responsibility. Of course, the Red Department is also the end of the explanation, the next article we began to explain the orange Department of Web design.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.