#202c32
RGB ( 赤 = 32, 緑 = 44, 青 = 50 )
HSL ( 色相 = 200°, 彩度 = 22%, 明度 = 16% )
H : 色相 ( 200° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #322020 : -200
10 : #322320 : -190
20 : #322620 : -180
30 : #322920 : -170
40 : #322c20 : -160
50 : #322f20 : -150
60 : #323220 : -140
70 : #2f3220 : -130
80 : #2c3220 : -120
90 : #293220 : -110
100 : #263220 : -100
110 : #233220 : -90
120 : #203220 : -80
130 : #203223 : -70
140 : #203226 : -60
150 : #203229 : -50
160 : #20322c : -40
170 : #20322f : -30
180 : #203232 : -20
190 : #202f32 : -10
200 : #202c32 : ±0
210 : #202932 : +10
220 : #202632 : +20
230 : #202332 : +30
240 : #202032 : +40
250 : #232032 : +50
260 : #262032 : +60
270 : #292032 : +70
280 : #2c2032 : +80
290 : #2f2032 : +90
300 : #322032 : +100
310 : #32202f : +110
320 : #32202c : +120
330 : #322029 : +130
340 : #322026 : +140
350 : #322023 : +150
190 : #202f32 : -10
191 : #202e32 : -9
192 : #202e32 : -8
193 : #202e32 : -7
194 : #202e32 : -6
195 : #202d32 : -5
196 : #202d32 : -4
197 : #202d32 : -3
198 : #202c32 : -2
199 : #202c32 : -1
200 : #202c32 : ±0
201 : #202b32 : +1
202 : #202b32 : +2
203 : #202b32 : +3
204 : #202b32 : +4
205 : #202a32 : +5
206 : #202a32 : +6
207 : #202a32 : +7
208 : #202932 : +8
209 : #202932 : +9
210 : #202932 : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -22
2 : #28292a : -20
4 : #27292a : -18
6 : #262a2b : -16
8 : #262a2c : -14
10 : #252a2d : -12
12 : #242a2e : -10
14 : #232b2f : -8
16 : #222b2f : -6
18 : #212b30 : -4
20 : #212c31 : -2
22 : #202c32 : ±0
24 : #1f2c33 : +2
26 : #1e2c33 : +4
28 : #1d2d34 : +6
30 : #1d2d35 : +8
32 : #1c2d36 : +10
34 : #1b2d37 : +12
36 : #1a2e37 : +14
38 : #192e38 : +16
40 : #182e39 : +18
42 : #182f3a : +20
44 : #172f3b : +22
46 : #162f3c : +24
48 : #152f3c : +26
50 : #14303d : +28
52 : #14303e : +30
54 : #13303f : +32
56 : #123040 : +34
58 : #113140 : +36
60 : #103141 : +38
62 : #103142 : +40
64 : #0f3243 : +42
66 : #0e3244 : +44
68 : #0d3245 : +46
70 : #0c3245 : +48
72 : #0b3346 : +50
74 : #0b3347 : +52
76 : #0a3348 : +54
78 : #093349 : +56
80 : #083449 : +58
82 : #07344a : +60
84 : #07344b : +62
86 : #06344c : +64
88 : #05354d : +66
90 : #04354e : +68
92 : #03354e : +70
94 : #02364f : +72
96 : #023650 : +74
98 : #013651 : +76
100 : #003652 : +78
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #040506 : -14
4 : #080b0c : -12
6 : #0c1013 : -10
8 : #101619 : -8
10 : #141b1f : -6
12 : #182125 : -4
14 : #1c262c : -2
16 : #202c32 : ±0
18 : #243138 : +2
20 : #28373e : +4
22 : #2c3c44 : +6
24 : #30424b : +8
26 : #344751 : +10
28 : #384d57 : +12
30 : #3c525d : +14
32 : #405864 : +16
34 : #445d6a : +18
36 : #486370 : +20
38 : #4c6876 : +22
40 : #506d7c : +24
42 : #547383 : +26
44 : #587889 : +28
46 : #5b7e8f : +30
48 : #5f8395 : +32
50 : #63899c : +34
52 : #6a8ea0 : +36
54 : #7092a4 : +38
56 : #7697a7 : +40
58 : #7c9cab : +42
60 : #83a0af : +44
62 : #89a5b3 : +46
64 : #8faab7 : +48
66 : #95afbb : +50
68 : #9bb3bf : +52
70 : #a2b8c3 : +54
72 : #a8bdc7 : +56
74 : #aec2cb : +58
76 : #b4c6cf : +60
78 : #bbcbd3 : +62
80 : #c1d0d7 : +64
82 : #c7d4db : +66
84 : #cdd9df : +68
86 : #d3dee3 : +70
88 : #dae3e7 : +72
90 : #e0e7eb : +74
92 : #e6ecef : +76
94 : #ecf1f3 : +78
96 : #f3f6f7 : +80
98 : #f9fafb : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow