HSL Examples

Each table below represents one hue. Twelve equally spaced colours (i.e. at 30° intervals) have been chosen from the colour circle: red, yellow, green, cyan, blue, magenta, with all the intermediate colours (the last is the colour between magenta and red).

The X axis of each table represents the saturation (100%, 75%, 50%, 25%, 0%).

The Y axis represents the lightness. 50% is 'normal'.

0° Red
Saturation
100% 75% 50% 25% 0%
100
88
75
63
50
38
25
13
0

30° Red-Yellow (=Orange)
100
88
75
63
50
38
25
13
0

60° Yellow
100
88
75
63
50
38
25
13
0

90° Yellow-Green
100
88
75
63
50
38
25
13
0

120° Green
100
88
75
63
50
38
25
13
0

150° Green-Cyan
100
88
75
63
50
38
25
13
0

180° Cyan
100
88
75
63
50
38
25
13
0

210° Cyan-Blue
100
88
75
63
50
38
25
13
0

240° Blue
100
88
75
63
50
38
25
13
0

270° Blue-Magenta
100
88
75
63
50
38
25
13
0

300° Magenta
100
88
75
63
50
38
25
13
0

330° Magenta-Red
100
88
75
63
50
38
25
13
0

Steven Pemberton

Last modified: Wed Dec 2 11:25:58 MET 1998