Web Design Color base: RGB and HSB

Source: Internet
Author: User

In practical art, often "far look at the color near to see the flowers, first look at the color after the flower, seven color three points flower" argument.

This also means that in any design, color to the visual stimulation of the first message to convey the role. Therefore, the color of the basic knowledge of good control, in the web design to be able to do their best.

In order to make the following page color analysis easier to understand, we first understand the color of RGB mode and HSB mode.

RGB

RGB is the red Green Blue is also known as the three primary colors of light, in English for R (Red), G (Green), B (Blue), in the computer, the so-called "how much RGB" refers to the brightness, and the use of integers to represent.

Normally, RGB has 256 levels of brightness, expressed as a number from 0, 1, 2 to 255. Although the highest number is 255, but 0 is also one of the values, so a total of 256 levels. According to the calculation, the 256-level RGB color can combine about 16.78 million kinds of color, namely 256x256x256=16777216. Usually also referred to as 16 million-color or million-color. Also known as 24-bit color (2 of the 24-second side).

For a separate R or G or B, when the value is 0 o'clock, the color does not glow; If 255, the color is the highest brightness. So when RGB three kinds of shade are sent to the strongest brightness, pure white RGB value is 255,255,255. The black RGB value on the screen is 0,0,0. R means that only red is present, and the brightness is strongest, and G and B do not glow. So the most red value is 255,0,0. Similarly, the greenest is 0,255, 0, and the blue is 0, 0,255. Yellow is more special, is the red plus green and is 255,255, 0.

Pure white value is r255,g255,b255 Pure black value is r0,g0,b0
Red value is r255,g0,b0 Green value is r0,g255,b0
The blue value is r0,g0,b255 The blue value is r255,g255,b0

RGB mode is the physical color mode of the monitor. This means that no matter what color mode is used in the software, as long as it is displayed on the monitor, the image will eventually appear in RGB mode.

HSB

Color is divided into hue, saturation, lightness of three factors. English for H (Hue), S (saturation) B (brightness) saturation high color more gorgeous. Low saturation color is close to gray. Brightness high color bright, brightness low color dim, brightness highest Get pure white, lowest get black. General light saturation is lower, brightness is higher, and dark saturation is high and brightness is low.

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.