#322022
RGB ( 赤 = 50, 緑 = 32, 青 = 34 )
HSL ( 色相 = 353°, 彩度 = 22%, 明度 = 16% )
H : 色相 ( 353° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #322120 : -350
13 : #322420 : -340
23 : #322720 : -330
33 : #322a20 : -320
43 : #322d20 : -310
53 : #323020 : -300
63 : #313220 : -290
73 : #2e3220 : -280
83 : #2b3220 : -270
93 : #283220 : -260
103 : #253220 : -250
113 : #223220 : -240
123 : #203221 : -230
133 : #203224 : -220
143 : #203227 : -210
153 : #20322a : -200
163 : #20322d : -190
173 : #203230 : -180
183 : #203132 : -170
193 : #202e32 : -160
203 : #202b32 : -150
213 : #202832 : -140
223 : #202532 : -130
233 : #202232 : -120
243 : #212032 : -110
253 : #242032 : -100
263 : #272032 : -90
273 : #2a2032 : -80
283 : #2d2032 : -70
293 : #302032 : -60
303 : #322031 : -50
313 : #32202e : -40
323 : #32202b : -30
333 : #322028 : -20
343 : #322025 : -10
353 : #322022 : ±0
343 : #322025 : -10
344 : #322025 : -9
345 : #322024 : -8
346 : #322024 : -7
347 : #322024 : -6
348 : #322023 : -5
349 : #322023 : -4
350 : #322023 : -3
351 : #322023 : -2
352 : #322022 : -1
353 : #322022 : ±0
354 : #322022 : +1
355 : #322021 : +2
356 : #322021 : +3
357 : #322021 : +4
358 : #322020 : +5
359 : #322020 : +6
0 : #322020 : -353
1 : #322020 : -352
2 : #322020 : -351
3 : #322120 : -350
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -22
2 : #2a2828 : -20
4 : #2a2728 : -18
6 : #2b2627 : -16
8 : #2c2626 : -14
10 : #2d2526 : -12
12 : #2e2425 : -10
14 : #2f2324 : -8
16 : #2f2224 : -6
18 : #302123 : -4
20 : #312123 : -2
22 : #322022 : ±0
24 : #331f21 : +2
26 : #331e21 : +4
28 : #341d20 : +6
30 : #351d1f : +8
32 : #361c1f : +10
34 : #371b1e : +12
36 : #371a1e : +14
38 : #38191d : +16
40 : #39181c : +18
42 : #3a181c : +20
44 : #3b171b : +22
46 : #3c161a : +24
48 : #3c151a : +26
50 : #3d1419 : +28
52 : #3e1419 : +30
54 : #3f1318 : +32
56 : #401217 : +34
58 : #401117 : +36
60 : #411016 : +38
62 : #421015 : +40
64 : #430f15 : +42
66 : #440e14 : +44
68 : #450d14 : +46
70 : #450c13 : +48
72 : #460b12 : +50
74 : #470b12 : +52
76 : #480a11 : +54
78 : #490910 : +56
80 : #490810 : +58
82 : #4a070f : +60
84 : #4b070f : +62
86 : #4c060e : +64
88 : #4d050d : +66
90 : #4e040d : +68
92 : #4e030c : +70
94 : #4f020b : +72
96 : #50020b : +74
98 : #51010a : +76
100 : #52000a : +78
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060404 : -14
4 : #0c0808 : -12
6 : #130c0d : -10
8 : #191011 : -8
10 : #1f1415 : -6
12 : #251819 : -4
14 : #2c1c1e : -2
16 : #322022 : ±0
18 : #382426 : +2
20 : #3e282a : +4
22 : #442c2f : +6
24 : #4b3033 : +8
26 : #513437 : +10
28 : #57383b : +12
30 : #5d3c40 : +14
32 : #644044 : +16
34 : #6a4448 : +18
36 : #70484c : +20
38 : #764c51 : +22
40 : #7c5055 : +24
42 : #835459 : +26
44 : #89585d : +28
46 : #8f5b62 : +30
48 : #955f66 : +32
50 : #9c636a : +34
52 : #a06a70 : +36
54 : #a47076 : +38
56 : #a7767c : +40
58 : #ab7c82 : +42
60 : #af8388 : +44
62 : #b3898e : +46
64 : #b78f94 : +48
66 : #bb959a : +50
68 : #bf9ba0 : +52
70 : #c3a2a6 : +54
72 : #c7a8ac : +56
74 : #cbaeb2 : +58
76 : #cfb4b7 : +60
78 : #d3bbbd : +62
80 : #d7c1c3 : +64
82 : #dbc7c9 : +66
84 : #dfcdcf : +68
86 : #e3d3d5 : +70
88 : #e7dadb : +72
90 : #ebe0e1 : +74
92 : #efe6e7 : +76
94 : #f3eced : +78
96 : #f7f3f3 : +80
98 : #fbf9f9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow