#201c22
RGB ( 赤 = 32, 緑 = 28, 青 = 34 )
HSL ( 色相 = 280°, 彩度 = 10%, 明度 = 12% )
H : 色相 ( 280° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #221c1c : -280
10 : #221d1c : -270
20 : #221e1c : -260
30 : #221f1c : -250
40 : #22201c : -240
50 : #22211c : -230
60 : #22221c : -220
70 : #21221c : -210
80 : #20221c : -200
90 : #1f221c : -190
100 : #1e221c : -180
110 : #1d221c : -170
120 : #1c221c : -160
130 : #1c221d : -150
140 : #1c221e : -140
150 : #1c221f : -130
160 : #1c2220 : -120
170 : #1c2221 : -110
180 : #1c2222 : -100
190 : #1c2122 : -90
200 : #1c2022 : -80
210 : #1c1f22 : -70
220 : #1c1e22 : -60
230 : #1c1d22 : -50
240 : #1c1c22 : -40
250 : #1d1c22 : -30
260 : #1e1c22 : -20
270 : #1f1c22 : -10
280 : #201c22 : ±0
290 : #211c22 : +10
300 : #221c22 : +20
310 : #221c21 : +30
320 : #221c20 : +40
330 : #221c1f : +50
340 : #221c1e : +60
350 : #221c1d : +70
270 : #1f1c22 : -10
271 : #1f1c22 : -9
272 : #1f1c22 : -8
273 : #1f1c22 : -7
274 : #1f1c22 : -6
275 : #1f1c22 : -5
276 : #1f1c22 : -4
277 : #1f1c22 : -3
278 : #1f1c22 : -2
279 : #201c22 : -1
280 : #201c22 : ±0
281 : #201c22 : +1
282 : #201c22 : +2
283 : #201c22 : +3
284 : #201c22 : +4
285 : #201c22 : +5
286 : #201c22 : +6
287 : #201c22 : +7
288 : #201c22 : +8
289 : #211c22 : +9
290 : #211c22 : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1e1e1e : -10
2 : #1f1e1f : -8
4 : #1f1d20 : -6
6 : #1f1d20 : -4
8 : #1f1c21 : -2
10 : #201c22 : ±0
12 : #201b22 : +2
14 : #201a23 : +4
16 : #201a23 : +6
18 : #201924 : +8
20 : #211825 : +10
22 : #211825 : +12
24 : #211726 : +14
26 : #211727 : +16
28 : #211627 : +18
30 : #221528 : +20
32 : #221528 : +22
34 : #221429 : +24
36 : #22142a : +26
38 : #22132a : +28
40 : #23122b : +30
42 : #23122b : +32
44 : #23112c : +34
46 : #23112d : +36
48 : #23102d : +38
50 : #240f2e : +40
52 : #240f2f : +42
54 : #240e2f : +44
56 : #240d30 : +46
58 : #250d30 : +48
60 : #250c31 : +50
62 : #250c32 : +52
64 : #250b32 : +54
66 : #250a33 : +56
68 : #260a33 : +58
70 : #260934 : +60
72 : #260935 : +62
74 : #260835 : +64
76 : #260736 : +66
78 : #270736 : +68
80 : #270637 : +70
82 : #270638 : +72
84 : #270538 : +74
86 : #270439 : +76
88 : #28043a : +78
90 : #28033a : +80
92 : #28023b : +82
94 : #28023b : +84
96 : #28013c : +86
98 : #29013d : +88
100 : #29003d : +90
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #050506 : -10
4 : #0b090b : -8
6 : #100e11 : -6
8 : #151216 : -4
10 : #1a171c : -2
12 : #201c22 : ±0
14 : #252027 : +2
16 : #2a252d : +4
18 : #2f2932 : +6
20 : #352e38 : +8
22 : #3a323e : +10
24 : #3f3743 : +12
26 : #453c49 : +14
28 : #4a404f : +16
30 : #4f4554 : +18
32 : #54495a : +20
34 : #5a4e5f : +22
36 : #5f5365 : +24
38 : #64576b : +26
40 : #695c70 : +28
42 : #6f6076 : +30
44 : #74657b : +32
46 : #796a81 : +34
48 : #7e6e87 : +36
50 : #84738c : +38
52 : #897891 : +40
54 : #8e7e95 : +42
56 : #93849a : +44
58 : #97899f : +46
60 : #9c8fa3 : +48
62 : #a194a8 : +50
64 : #a69aac : +52
66 : #aba0b1 : +54
68 : #b0a5b6 : +56
70 : #b5abba : +58
72 : #bab0bf : +60
74 : #bfb6c3 : +62
76 : #c4bcc8 : +64
78 : #c9c1cd : +66
80 : #cec7d1 : +68
82 : #d3cdd6 : +70
84 : #d8d2da : +72
86 : #dcd8df : +74
88 : #e1dde3 : +76
90 : #e6e3e8 : +78
92 : #ebe9ed : +80
94 : #f0eef1 : +82
96 : #f5f4f6 : +84
98 : #faf9fa : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow