freetimefoto.com - Photoshop, Digital Photo Tutorials and Resources

You're in: Home » Basic

HSB Color Modal and Color Wheel

: Sunday, June 17th, 2007 (Last Updated: October 17th, 2008)
: freetime

HSB Color Modal

HSB is a color model that is somewhat analogous to Munsell’s system of hue, value, and chroma in that it uses three similar axes to define a color. HSB is derived from RGB color spaces and is a device dependent color space. In HSB, the three fundamental characteristics of color are:

  • Hue: is the color reflected from or transmitted through an object. It is measured as a location on the standard color wheel, expressed as a degree between 0° and 360°. In common use, hue is identified by the name of the color such as red, orange, or green. To view the color wheel, see Using the color wheel.
  • Saturation: sometimes called chroma, is the strength or purity of the color. Saturation represents the amount of gray in proportion to the hue, measured as a percentage from 0% (gray) to 100% (fully saturated). On the standard color wheel, saturation increases from the center to the edge.
  • Brightness: is the relative lightness or darkness of the color, usually measured as a percentage from 0% (black) to 100% (white).

You can use the HSB model in Photoshop to define a color in the Color palette, Color Picker dialog box and read out the HSB color using Info Palette, but there is no HSB mode available for creating and editing images.

HSB color model
HSB model: H. Hue S. Saturation B. Brightness

Using the color wheel

When working with color, there are numerous ways to achieve similar results in color balance. It’s useful to consider the type of image you have and the effect you want to produce. If you’re new to adjusting color components, it helps to keep a diagram of the standard color wheel on hand. You can use the color wheel to predict how a change in one color component affects other colors and also how changes translate between RGB and CMYK color models.

Color wheel image
Color wheel: R. Red Y. Yellow G. Green C. Cyan B. Blue M. Magenta

For example, you can decrease the amount of any color in an image by increasing the amount of its opposite on the color wheel–and vice versa. Colors that lie opposite each other on the standard color wheel are known as complementary colors. Similarly, you can increase and decrease a color by adjusting the two adjacent colors on the wheel, or even by adjusting the two colors adjacent to its opposite.

In a CMYK image, you can decrease magenta either by decreasing the amount of magenta or by increasing its complement (by adding cyan and yellow). You can even combine these two corrections, minimizing their effect on overall lightness. In an RGB image, you can decrease magenta by removing red and blue or by adding green. All of these adjustments result in an overall color balance containing less magenta.


Technorati Tags: Technorati Tags: ,

Post Footer automatically generated by Add Post Footer Plugin for wordpress.

Filed Under: Basic

2 Responses to “HSB Color Modal and Color Wheel”

  1. freetimefoto.com : Tutorials » Convert Photo to Color Drawing with Photoshop Says:

    [...] Eyedropper Tool with "B" or "Brightness" (0% = black, 100% = white) value in HSB color modal. You can find more detail about Info Palette and how to switch the color modal at Using Photoshop [...]

  2. freetimefoto.com : Basic » Using Photoshop Hue/Saturation command Says:

    [...] in other color mode as well. For more information about the hue, saturation, and brightness (HSB color model). Tips: Settings in the Hue/Saturation dialog box can be saved and loaded for reuse on other [...]

Leave a Reply

Your email will not be published (see our Privacy Policy).
You can use only allowed XHTML tags and please comment in English.