#322531
RGB ( 赤 = 50, 緑 = 37, 青 = 49 )
HSL ( 色相 = 305°, 彩度 = 15%, 明度 = 17% )
H : 色相 ( 305° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #322625 : -300
15 : #322825 : -290
25 : #322a25 : -280
35 : #322c25 : -270
45 : #322f25 : -260
55 : #323125 : -250
65 : #313225 : -240
75 : #2f3225 : -230
85 : #2c3225 : -220
95 : #2a3225 : -210
105 : #283225 : -200
115 : #263225 : -190
125 : #253226 : -180
135 : #253228 : -170
145 : #25322a : -160
155 : #25322c : -150
165 : #25322f : -140
175 : #253231 : -130
185 : #253132 : -120
195 : #252f32 : -110
205 : #252c32 : -100
215 : #252a32 : -90
225 : #252832 : -80
235 : #252632 : -70
245 : #262532 : -60
255 : #282532 : -50
265 : #2a2532 : -40
275 : #2c2532 : -30
285 : #2f2532 : -20
295 : #312532 : -10
305 : #322531 : ±0
315 : #32252f : +10
325 : #32252c : +20
335 : #32252a : +30
345 : #322528 : +40
355 : #322526 : +50
295 : #312532 : -10
296 : #312532 : -9
297 : #312532 : -8
298 : #312532 : -7
299 : #322532 : -6
300 : #322532 : -5
301 : #322532 : -4
302 : #322531 : -3
303 : #322531 : -2
304 : #322531 : -1
305 : #322531 : ±0
306 : #322531 : +1
307 : #322530 : +2
308 : #322530 : +3
309 : #322530 : +4
310 : #322530 : +5
311 : #32252f : +6
312 : #32252f : +7
313 : #32252f : +8
314 : #32252f : +9
315 : #32252f : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2c : -14
3 : #2d2a2c : -12
5 : #2e292d : -10
7 : #2e282e : -8
9 : #2f272f : -6
11 : #30272f : -4
13 : #312630 : -2
15 : #322531 : ±0
17 : #332431 : +2
19 : #342332 : +4
21 : #342233 : +6
23 : #352134 : +8
25 : #362134 : +10
27 : #372035 : +12
29 : #381f36 : +14
31 : #391e37 : +16
33 : #3a1d37 : +18
35 : #3b1c38 : +20
37 : #3b1b39 : +22
39 : #3c1a39 : +24
41 : #3d1a3a : +26
43 : #3e193b : +28
45 : #3f183c : +30
47 : #40173c : +32
49 : #41163d : +34
51 : #41153e : +36
53 : #42143e : +38
55 : #43143f : +40
57 : #441340 : +42
59 : #451241 : +44
61 : #461141 : +46
63 : #471042 : +48
65 : #480f43 : +50
67 : #480e44 : +52
69 : #490d44 : +54
71 : #4a0d45 : +56
73 : #4b0c46 : +58
75 : #4c0b46 : +60
77 : #4d0a47 : +62
79 : #4e0948 : +64
81 : #4e0849 : +66
83 : #4f0749 : +68
85 : #50074a : +70
87 : #51064b : +72
89 : #52054c : +74
91 : #53044c : +76
93 : #54034d : +78
95 : #55024e : +80
97 : #55014e : +82
99 : #56004f : +84
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -16
3 : #090709 : -14
5 : #0f0b0e : -12
7 : #150f14 : -10
9 : #1a141a : -8
11 : #201820 : -6
13 : #261c25 : -4
15 : #2c212b : -2
17 : #322531 : ±0
19 : #382937 : +2
21 : #3e2e3c : +4
23 : #433242 : +6
25 : #493648 : +8
27 : #4f3b4d : +10
29 : #553f53 : +12
31 : #5b4359 : +14
33 : #61485f : +16
35 : #674c64 : +18
37 : #6d506a : +20
39 : #725570 : +22
41 : #785976 : +24
43 : #7e5d7b : +26
45 : #846281 : +28
47 : #8a6687 : +30
49 : #906a8d : +32
51 : #956f92 : +34
53 : #997596 : +36
55 : #9d7b9b : +38
57 : #a2819f : +40
59 : #a687a4 : +42
61 : #aa8da8 : +44
63 : #af92ac : +46
65 : #b398b1 : +48
67 : #b79eb5 : +50
69 : #bca4ba : +52
71 : #c0aabe : +54
73 : #c4b0c3 : +56
75 : #c9b6c7 : +58
77 : #cdbccc : +60
79 : #d1c1d0 : +62
81 : #d6c7d5 : +64
83 : #dacdd9 : +66
85 : #ded3de : +68
87 : #e3d9e2 : +70
89 : #e7dfe6 : +72
91 : #ebe5eb : +74
93 : #f0eaef : +76
95 : #f4f0f4 : +78
97 : #f8f6f8 : +80
99 : #fdfcfd : +82
CSS入門、作ってます。
text-shadow