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