Photoshop Tutorials - HSB Color Model
HSB Color Model
Many Photoshop artists use the HSB color model. This mathematic model is very useful to pick colors and hues. HSB model is based on RGB model, but it has different co-ordinates system. Any color in HSB is determined by the Hue, Saturation (the percentage of white added to the color) and Saturation (the percentage of black added to the color). Saturation value is something similar to vividness. The more saturated the color is the less it is grey; white, black and grey hues have smaller saturation. See the image below. The top colors have the higher saturation while the bottom colors have smaller saturation; Hue and Brightness are same for both.
Three-channel HSB model is named after its three parameters: Hue, Saturation and Brightness. HSB model is widely used for color correction. This model is present in every graphics editing software.
The advantage of this color model is that it was created for humans and not computers, as people perceive color distinguishing Hues, Saturation and Brightness.
HSB model is easily displayed as the color circle. The color value is set within a circle with a vector that starts in the center. Hues are located in respective image quadrants, based on the datum lines and circle degrees. Reds are starting at 0, yellows are starting at 60, greens are starting at 120, cyans are starting at 180, blues are starting at 240 and magentas are starting at 300 degrees. The colors at the outline of the circle are the ones that are most saturated. In the center the neutral colors with minimal saturation are located (white, grey or black - depending on the brightness).
The angle of the vector determines the Hue, the length of the vector determines the saturation. Brightness is set in a separate axle.
HSB model covers a big color range that is greater the CMYK color range, but less the Lab model's color range.