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