ChaosPro Home
Introduction
What's New
Palettes
Color Models
RGB Color Model
HSL Color Model
Palettes in ChaosPro
Palette Editor
Alpha Channel Editor
Menu
Keyboard Interface
Using Formulas
Layering in ChaosPro
Rendering
Fractal Parameter Windows
Windows
Menu
3D Transformations
Animations
Formula Compiler
Compatibility
Fractal Type Reference
Tutorials
Appendix
CHAOSPRO 4.0
Release 4.0
.

HSL Colorspace

HSL is short for Hue, Saturation and Luminance (or brightness).

The HSL color space defines colors more naturally: Hue specifies the base color, the other two values then let you specify the saturation of that color and how bright the color should be.

As you can see in the image, hue specifies the color. Hue is normally specified as either degrees ranging from 0 to 360 or as numbers from 0 to 6, in the image at the left side both starting at the 3 o'clock position and measured anti-clockwise.

There are 6 base colors:

HueHue (degree)Color
00red
160yellow
2120green
3180cyan
4240blue
5300magenta
6360red

After specifying the color using the hue value you can specify the saturation of your color. In the HSL color wheel the saturation specifies the distance from the middle of the wheel. So a saturation value of 0 (0%) means "center of the wheel", i.e. a grey value, whereas a saturation value of 1 (100%) means "at the border of the wheel", where the color is fully saturated.

The third parameter in the HSL color space is the luminance. This lets you specify how "bright" the color should be. 0% means, the brightness is 0, and the color is black. 100% means maximum brightness, and the color is white.
If you slowly increase the luminance, you will see the color changing from black at 0% and then through a darker version of your color, to your color in its full brightness at 50%, and then getting brighter until finally it reaches white at 100%.

The following six luminance sliders show you what happens with colors if you change the luminance:

 Hue0 / 01 / 602 / 1203 / 1804 / 2405 / 300
Luminance 
100%  
90%
80%
70%
60%
50%
40%
30%
20%
10%
0%