hsl_colors.php

 Hues

Saturation 100%, Lightness 50%

0

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

80

85

90

95

100

105

110

115

120

125

130

135

140

145

150

155

160

165

170

175

180

185

190

195

200

205

210

215

220

225

230

235

240

245

250

255

260

265

270

275

280

285

290

295

300

305

310

315

320

325

330

335

340

345

350

355

Hue = 50     hsl(50, 100%, 50%)  
    -- Lightness --    
|
|
 
S
a
t
u
r
a
t
i
o
n
 
|
|
   100  95  90  85  80  75  70  65  60  55  50  45  40  35  30  25  20  15  10  5  0
100

100
100

100
95

100
90

100
85

100
80

100
75

100
70

100
65

100
60

100
55

100
50

100
45

100
40

100
35

100
30

100
25

100
20

100
15

100
10

100
5

100
0

95

95
100

95
95

95
90

95
85

95
80

95
75

95
70

95
65

95
60

95
55

95
50

95
45

95
40

95
35

95
30

95
25

95
20

95
15

95
10

95
5

95
0

90

90
100

90
95

90
90

90
85

90
80

90
75

90
70

90
65

90
60

90
55

90
50

90
45

90
40

90
35

90
30

90
25

90
20

90
15

90
10

90
5

90
0

85

85
100

85
95

85
90

85
85

85
80

85
75

85
70

85
65

85
60

85
55

85
50

85
45

85
40

85
35

85
30

85
25

85
20

85
15

85
10

85
5

85
0

80

80
100

80
95

80
90

80
85

80
80

80
75

80
70

80
65

80
60

80
55

80
50

80
45

80
40

80
35

80
30

80
25

80
20

80
15

80
10

80
5

80
0

75

75
100

75
95

75
90

75
85

75
80

75
75

75
70

75
65

75
60

75
55

75
50

75
45

75
40

75
35

75
30

75
25

75
20

75
15

75
10

75
5

75
0

70

70
100

70
95

70
90

70
85

70
80

70
75

70
70

70
65

70
60

70
55

70
50

70
45

70
40

70
35

70
30

70
25

70
20

70
15

70
10

70
5

70
0

65

65
100

65
95

65
90

65
85

65
80

65
75

65
70

65
65

65
60

65
55

65
50

65
45

65
40

65
35

65
30

65
25

65
20

65
15

65
10

65
5

65
0

60

60
100

60
95

60
90

60
85

60
80

60
75

60
70

60
65

60
60

60
55

60
50

60
45

60
40

60
35

60
30

60
25

60
20

60
15

60
10

60
5

60
0

55

55
100

55
95

55
90

55
85

55
80

55
75

55
70

55
65

55
60

55
55

55
50

55
45

55
40

55
35

55
30

55
25

55
20

55
15

55
10

55
5

55
0

50

50
100

50
95

50
90

50
85

50
80

50
75

50
70

50
65

50
60

50
55

50
50

50
45

50
40

50
35

50
30

50
25

50
20

50
15

50
10

50
5

50
0

45

45
100

45
95

45
90

45
85

45
80

45
75

45
70

45
65

45
60

45
55

45
50

45
45

45
40

45
35

45
30

45
25

45
20

45
15

45
10

45
5

45
0

40

40
100

40
95

40
90

40
85

40
80

40
75

40
70

40
65

40
60

40
55

40
50

40
45

40
40

40
35

40
30

40
25

40
20

40
15

40
10

40
5

40
0

35

35
100

35
95

35
90

35
85

35
80

35
75

35
70

35
65

35
60

35
55

35
50

35
45

35
40

35
35

35
30

35
25

35
20

35
15

35
10

35
5

35
0

30

30
100

30
95

30
90

30
85

30
80

30
75

30
70

30
65

30
60

30
55

30
50

30
45

30
40

30
35

30
30

30
25

30
20

30
15

30
10

30
5

30
0

25

25
100

25
95

25
90

25
85

25
80

25
75

25
70

25
65

25
60

25
55

25
50

25
45

25
40

25
35

25
30

25
25

25
20

25
15

25
10

25
5

25
0

20

20
100

20
95

20
90

20
85

20
80

20
75

20
70

20
65

20
60

20
55

20
50

20
45

20
40

20
35

20
30

20
25

20
20

20
15

20
10

20
5

20
0

15

15
100

15
95

15
90

15
85

15
80

15
75

15
70

15
65

15
60

15
55

15
50

15
45

15
40

15
35

15
30

15
25

15
20

15
15

15
10

15
5

15
0

10

10
100

10
95

10
90

10
85

10
80

10
75

10
70

10
65

10
60

10
55

10
50

10
45

10
40

10
35

10
30

10
25

10
20

10
15

10
10

10
5

10
0

5

5
100

5
95

5
90

5
85

5
80

5
75

5
70

5
65

5
60

5
55

5
50

5
45

5
40

5
35

5
30

5
25

5
20

5
15

5
10

5
5

5
0

0

0
100

0
95

0
90

0
85

0
80

0
75

0
70

0
65

0
60

0
55

0
50

0
45

0
40

0
35

0
30

0
25

0
20

0
15

0
10

0
5

0
0

h: 50
s: 100%
l: 50%