CSS Colour blocks expressed using RGB syntax |
CSS Colour blocks expressed using HSL syntax |
| 0° Reds (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 0° Reds (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 30° Red-Yellows (=Oranges) (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 30° Red-Yellows (=Oranges) (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 60° Yellows (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 60° Yellows (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 90° Yellow-Greens (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 90° Yellow-Greens (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 120° Greens (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 120° Greens (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 150° Green-Cyans (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 150° Green-Cyans (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 180° Cyans (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 180° Cyans (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 210° Cyan-Blues (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 210° Cyan-Blues (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 240° Blues (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 240° Blues (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 270° Blue-Magentas (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 270° Blue-Magentas (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 300° Magentas (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 300° Magentas (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 330° Magenta-Reds (RGB)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|
| 330° Magenta-Reds (HSL)
|
| Saturation
|
| 100%
| 75%
| 50%
| 25%
| 0%
|
100
|
|
|
|
|
|
88
|
|
|
|
|
|
75
|
|
|
|
|
|
63
|
|
|
|
|
|
50
|
|
|
|
|
|
38
|
|
|
|
|
|
25
|
|
|
|
|
|
13
|
|
|
|
|
|
0
|
|
|
|
|
|
|