Last month, I provided some introductory information about using colors and images on the Web site. This column discusses some basic technical questions, such as page coding, .jpg format and .GIF formats and other subjects that may have been very skilled in "programmers". But these topics may feel some uncomfortable for a graphic artist because graphic artists are always accustomed to controlling the color and composition of the work. In this article, I plan to change the direction, discuss the graphic artist's familiar color, and programmers may take a revision in this regard. In fact, I found that many sites have not applied these principles correctly, and this can be seen that many programmers need to further understand these concepts. Although the main goal of this article is to discuss some of the characteristics when coloring and another color interaction, first need some primary knowledge to make our starting point. Basic knowledge We know that people see "visible" light can be broken down into a gradual rainbow spectrum band from blue to red. Figure 1. Visible spectrum We have also seen (perhaps also used) color loops, color loops show how to generate specific colors by mixing two or more colors. The color circulation is essentially the long strip sequence seen in the color spectrum, just connect the first end to the purple of the red to the other end. Figure 2. Color cyclic ring typically includes 12 different colors (as shown). Although the painter has been very understandable about the importance of color rings and color theory, some of our programmers may not be very clear. This understanding is a mess. Graphic Figure 3. The primary color is defined according to the definition, the base color is the most basic color, and any other color can be produced by mixing the base color by a certain proportion. In order to identify the base color, it is first necessary to know what media used is used. You may learn to have red, yellow, blue in elementary school, but now we are using red, green, blue as a color display. I think this is not enough. But if you use a color inkjet printer, turn on the cover to see the cartridge. Have you seen red, green, blue? No. You may see four kinds of ink: cyan, magenta, yellow and black. The color is different because the computer display uses a plus color, and the printer uses the color. The display emissions color light, while the ink on the paper absorbs some color from the light it reflects. More discussion about this topic will exceed this article, but if you want to know more information, please visit the following two links:
Synthesis (English), JIM Scruggs feeding synthesis (English), from JIM Scruggs, except for transmitting and absorbing light, this paper discussed in two modes of color and decoration - but according to our Outcome, we will focus on the color mode, in this mode, the base is red, green, and blue. Secondary color Figure 4. Supreme color In order to build a collier, we want to learn about the three colors obtained by mixing any two adjacent primary colors. These colors are secondary: blue, magenta and yellow. Hey, isn't we talk about these three colors? Yes, the secondary color in the measuring method is the base color in the toning method. Thus, you can infer, the secondary color in the reduction method is the base color in the mean method. This is the interrelationship between the color mode and the reduction model. Three-time color Figure 5. The final step of the three-time color rings is to find the middle color between the colors of the color ring again. Fortunately, these three colors are the same for both the measuring and decay. Since we have defined the colors used in the 12-note ring, the interrelationship between these colors can be discussed. Similar color Figure 6. Similar color matching refers to the color next to a given color. If you start with orange and want to get two similar colors, you choose red and yellow. The color scheme using the similar color can provide color coordination and blending, similar to those seen in nature. Complementary color Figure 7. Complementary color is also called contrast color. Complement colors are correct in color circles. If you want to highlight some colors more clear, select the contrast color. If you are making a picture of a lemon, using a blue background will make lemon more prominent. Columnized complementary color Figure 8. Complement columns of column complementary colors can be composed of two or three colors. Choose a color, find its complementary color on the other side of the color ring, and then use the complementary colors on one or two colors. Sany-color group Figure 9. Sany-color group three-color group is any three colors of the color ring. When using a three-color group in a color scheme, an observer will give a sense of tension because these three colors are strong. The base color and secondary color are all three-color groups. Warmth color Figure 10. Warm warmth is made of red, such as red, orange and yellow. This color is selected to give people warm, comfortable, and energetic feelings. The visual effects of these colors make it closer to the audience and have a more prominent page. Cooling Figure 11. Cool cold color comes from blue tone such as blue, cyan and green. These colors make color schemes appear stable and refreshing. They seem to be away from the audience, so suitable for page background. Please note that you may find that these color groups are not identical in different books, but they can understand as long as they understand the basic principles. This makes me eventually enter the main concept I want to discuss, this is the contrast. Using the contrast contrast is the difference between the two adjacent colors. Because white and black are not true colors, they are said to be non-color contrast. Black and white also showed the strongest contrast. The complementary color of the color ring exhibits large color contrast. The human eye is more sensitive to non-colored contrast than color contrast, which is when you increase the compression coefficient. Thejpg compression algorithm first removes the color information and then removes the cause of black and white information. Figure 12. Black and white: non-colorful comparison Figure 13. Monochrome comparison when using a blue monochrome comparison when you use a color, then increase or decrease its brightness, Comparison is very important in web design. With a variety of different methods, all of these methods are based on the other color concept described above. Everyone understands that the black text in white background is the easiest to watch, this is some of the printed materials you see are part of the black text in white background. Similarly, the contrast of the black and white words is also very strong, but it is more difficult to read, because the black gives people feel more than white, in view of this, please use it as little as possible. Figure 14. High contrast color combination warm colors and cold color produces the same effect.