previous next

HSL & RGB

This chapter needs to be read only by those users who wish to understand the use of the Hue, Sat, Lum and Red, Green, Blue fields in the Textured Color area of the Color Selector.

hslrgb
Here

The Color Selector dialog box uses two models for specifying solid colors: the HSL model and the RGB model.

HSL Color Model

HSL stands for Hue, Saturation and Luminosity. The Color Selector dialog box provides controls for specifying HSL values. The following illustration shows the spectrum and luminosity controls that appear in the dialog box and shows the ranges of values the user can specify with these controls:

hsl

In the Color Selector dialog box, the saturation and luminosity values must be in the range 0 through 240, and the hue value must be in the range 0 through 239.

RGB Color Model

The RGB model is used to designate colors for displays and other devices that emit light. Valid red, green and blue values are in the range 0 through 255, with 0 indicating minimum intensity and 255 indicating maximum intensity. The illustration on the next page shows how the primary colors red, green, and blue can be combined to produce four additional colors.

rgb

Examples

Here are eight colors and their associated HSL and RGB values:

ColorHueSatLumRedGreenBlue
Red024012025500
Yellow402401202552550
Green8024012002550
Cyan1202401200255255
Blue16024012000255
Magenta2002401202550255
White00240255255255
Black000000

Choosing a solid or textured color

There are three ways to specify a color using the Textured Color area of the Color Selector dialog box:

  1. Drag the pointer in the spectrum control to select hue and saturation values, then drag the pointer in the luminance bar to select brightness.

  2. Enter hue, saturation and luminosity (HSL) values by using the Hue, Sat and Lum edit controls.

  3. Enter red, green and blue (RGB) values by using the Red, Green and Blue edit controls.

The first of these is sufficient for nearly all users. The other two are provided mostly for those users who have HSL or RGB values for a particular color they wish to use in a design.

previous next