Web Design Color base: RGB and HSB

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.