Golden division of webpage color

Source: Internet
Author: User

Don't be surprised when you see the Golden-separated webpage color scheme. How can we use golden-separated colors? In fact, this golden split is not a patent in mathematics.
As we all know, there is a golden split point in mathematics-0.618. It is said that the proportion is the most aesthetic, from the eyebrows to the high-rise buildings, from art to painting can not be left, so it is called "magic" golden split point. At the same time, people have done a lot of research on it, and the research results are even more "amazing. However, I am a real-person, and I will not talk about "magic". Let's take a look at how to use it to "magic" solve my problem-Golden division of webpage color.
The prawns who have made homepage know that the background and foreground font colors of webpages are troublesome. If the combination of background color and font color is unreasonable, the webpage effect will be greatly reduced. If the contrast between the background color and the font color is too large, it will be too dazzling; if the contrast is too small, it will make the webpage style too dull. It is really troublesome to achieve the best color. You need to customize the settings-> View results-> not suitable-> Start from scratch ......,
At last, we found that most of our precious time was spent on it. But don't worry. With my "golden division of web page color", you can save a lot of time.
The basic principle of the Golden splitting method is as follows: Adjust the color contrast (background and foreground) to a position near the ratio of 0.618. Next I will take FrontPage 2000 as an example to explain the specific operations.
1. Select the background color (remember the brightness value of the color ). Right-click FrontPage 2000 and choose "webpage properties". In the displayed "webpage properties" dialog box, select the "background" unit (or "background" option under the "format" menu ), select any background color you want in the background color option, and then confirm (in this example, select olive green RGB: 0,128, 0 brightness: 60 ).
2. Select the foreground color. Select format> font, and select "other colors" from the font color ". In the displayed color dialog box, select "Custom" to bring up the windows standard color dialog box:
3. Calculate the brightness value. If the brightness of the background color is 0-92, the brightness in the preceding dialog box is determined to X + 148; if between 148-240, it is set to X-148. Then choose any color that you think matches properly (the brightness value remains unchanged) as the foreground color. The principle is as follows: the maximum brightness is 240, and the Golden split value is 240 × 0. 618 ≈ 148, that is, the Brightness Difference of 148 is the best contrast, so the selected foreground color and the background color brightness value are at least between 0-92 or 148-240, other brightness values are not selected (it is strongly recommended ).
OK. Are you sure you want to enter a few characters to check the effect?

Haha, This is the golden-separated web page color method.

 

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.