hue saturation & luminance

of 5 /5
Hue Saturation & Luminance Hue - Saturation - Luminance Most applications allow picking colour either by RGB (red, green, blue) values or HSL (hue, saturation and luminance). The ways of scaling can vary between applications - Paint Shop Pro uses 0 to 255 for all three qualities, Photoshop has an HSL plug-in, but uses HSB (brightness) in its colour picker. Hue is expressed in the degree around the co lour wheel, while saturation and brightness are set as a percentage. Shade uses a standard Windows colour picker with a scale of 0 to 239 (which can be regarded as 1 to 240) for each quality, which makes calculations easy. The colour picker from Shade with Cyan chosen. H UE (1 of 5) [8/24/2010 8:38:12 PM]

Author: dyoonpee

Post on 29-May-2018




0 download

Embed Size (px)


Page 1: Hue Saturation & Luminance

8/9/2019 Hue Saturation & Luminance 1/5

Page 2: Hue Saturation & Luminance

8/9/2019 Hue Saturation & Luminance 2/5

ue Saturation & Luminance

Hue is best seen as a colour wheel with red at 0 and 240, though the wheel only goes to 239. Thus theprimary colours Red, Green and Blue are all 80 apart, and the secondary colours, Yellow, Cyan and

Magenta spaced in between them. This gives us six easy to remember points of reference. From this if yousay "Gold", I think hue 30. If you say "Orange" I think hue 20. Skin tones tend to be around a value of 10,

though they do vary depending upon complexion.

If I have ten objects or ten lights and I want to cover the spectrum with each colour an equal distance fromthose on each side, I use a series based on steps of 24. (240/10=24) This works very well with lights, adding up

to white light wherever the distances are equal. It also guarantees that the no colour will predominate. Thisworks for any number of lights or objects less than 120 in total.

Click to see relatedpractical examples of how this works in Shade.


ttp:// (2 of 5) [8/24/2010 8:38:12 PM]

Page 3: Hue Saturation & Luminance

8/9/2019 Hue Saturation & Luminance 3/5

ue Saturation & Luminance

This illustrates the effect of saturation. At 239, colours are as saturated as possible - and a zero, they areall neutral grey.


ttp:// (3 of 5) [8/24/2010 8:38:12 PM]

Page 4: Hue Saturation & Luminance

8/9/2019 Hue Saturation & Luminance 4/5

ue Saturation & Luminance

Luminance is the lightness or brightness of a chosen colour. Pure black at zero, no matter what hue or saturationis set, and white at 239.

Hue, saturation and luminance is a very good way to approach colour. Onunderstood, exactly the desired colour and shade can be quickly found anfine tuned through Shade's Surface palette and colour picker.

The basic colour of any object is set with Diffuse and the amount can bevaried either by typing a number between 0 and 1.0 or moving the slider watching the example. Clicking on the rectangle to the right of any slider bring up the colour picker shown at the top of this page. The effect ispreviewed on the sphere in hte preview window.

While the example at left is somewhat absurd, it does illustrate how compcolouring a surface can be, The Surface palette is an extremely powerfulfeature in Shade.

ttp:// (4 of 5) [8/24/2010 8:38:12 PM]

Page 5: Hue Saturation & Luminance

8/9/2019 Hue Saturation & Luminance 5/5

ue Saturation & Luminance

©2007 Larry N

ttp://www larry-bolch com/shade/hsl htm (5 of 5) [8/24/2010 8:38:12 PM]