#3f183c
RGB ( 赤 = 63, 緑 = 24, 青 = 60 )
HSL ( 色相 = 305°, 彩度 = 45%, 明度 = 17% )
H : 色相 ( 305° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #3f1b18 : -300
15 : #3f2218 : -290
25 : #3f2818 : -280
35 : #3f2f18 : -270
45 : #3f3518 : -260
55 : #3f3c18 : -250
65 : #3c3f18 : -240
75 : #353f18 : -230
85 : #2f3f18 : -220
95 : #283f18 : -210
105 : #223f18 : -200
115 : #1b3f18 : -190
125 : #183f1b : -180
135 : #183f22 : -170
145 : #183f28 : -160
155 : #183f2f : -150
165 : #183f35 : -140
175 : #183f3c : -130
185 : #183c3f : -120
195 : #18353f : -110
205 : #182f3f : -100
215 : #18283f : -90
225 : #18223f : -80
235 : #181b3f : -70
245 : #1b183f : -60
255 : #22183f : -50
265 : #28183f : -40
275 : #2f183f : -30
285 : #35183f : -20
295 : #3c183f : -10
305 : #3f183c : ±0
315 : #3f1835 : +10
325 : #3f182f : +20
335 : #3f1828 : +30
345 : #3f1822 : +40
355 : #3f181b : +50
295 : #3c183f : -10
296 : #3c183f : -9
297 : #3d183f : -8
298 : #3e183f : -7
299 : #3e183f : -6
300 : #3f183f : -5
301 : #3f183e : -4
302 : #3f183e : -3
303 : #3f183d : -2
304 : #3f183c : -1
305 : #3f183c : ±0
306 : #3f183b : +1
307 : #3f183a : +2
308 : #3f183a : +3
309 : #3f1839 : +4
310 : #3f1838 : +5
311 : #3f1838 : +6
312 : #3f1837 : +7
313 : #3f1836 : +8
314 : #3f1836 : +9
315 : #3f1835 : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2c : -44
3 : #2d2a2c : -42
5 : #2e292d : -40
7 : #2e282e : -38
9 : #2f272f : -36
11 : #30272f : -34
13 : #312630 : -32
15 : #322531 : -30
17 : #332431 : -28
19 : #342332 : -26
21 : #342233 : -24
23 : #352134 : -22
25 : #362134 : -20
27 : #372035 : -18
29 : #381f36 : -16
31 : #391e37 : -14
33 : #3a1d37 : -12
35 : #3b1c38 : -10
37 : #3b1b39 : -8
39 : #3c1a39 : -6
41 : #3d1a3a : -4
43 : #3e193b : -2
45 : #3f183c : ±0
47 : #40173c : +2
49 : #41163d : +4
51 : #41153e : +6
53 : #42143e : +8
55 : #43143f : +10
57 : #441340 : +12
59 : #451241 : +14
61 : #461141 : +16
63 : #471042 : +18
65 : #480f43 : +20
67 : #480e44 : +22
69 : #490d44 : +24
71 : #4a0d45 : +26
73 : #4b0c46 : +28
75 : #4c0b46 : +30
77 : #4d0a47 : +32
79 : #4e0948 : +34
81 : #4e0849 : +36
83 : #4f0749 : +38
85 : #50074a : +40
87 : #51064b : +42
89 : #52054c : +44
91 : #53044c : +46
93 : #54034d : +48
95 : #55024e : +50
97 : #55014e : +52
99 : #56004f : +54
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -16
3 : #0b040b : -14
5 : #120712 : -12
7 : #1a0a19 : -10
9 : #210d20 : -8
11 : #290f27 : -6
13 : #30122e : -4
15 : #371535 : -2
17 : #3f183c : ±0
19 : #461b43 : +2
21 : #4e1d4a : +4
23 : #552051 : +6
25 : #5c2358 : +8
27 : #64265f : +10
29 : #6b2966 : +12
31 : #732b6d : +14
33 : #7a2e74 : +16
35 : #81317b : +18
37 : #893482 : +20
39 : #903789 : +22
41 : #983a90 : +24
43 : #9f3c97 : +26
45 : #a63f9e : +28
47 : #ae42a5 : +30
49 : #b545ac : +32
51 : #ba4ab1 : +34
53 : #bd51b4 : +36
55 : #c059b7 : +38
57 : #c360ba : +40
59 : #c567be : +42
61 : #c86fc1 : +44
63 : #cb76c4 : +46
65 : #ce7ec7 : +48
67 : #d185ca : +50
69 : #d48cce : +52
71 : #d694d1 : +54
73 : #d99bd4 : +56
75 : #dca3d7 : +58
77 : #dfaada : +60
79 : #e2b1de : +62
81 : #e4b9e1 : +64
83 : #e7c0e4 : +66
85 : #eac8e7 : +68
87 : #edcfea : +70
89 : #f0d6ed : +72
91 : #f2def1 : +74
93 : #f5e5f4 : +76
95 : #f8edf7 : +78
97 : #fbf4fa : +80
99 : #fefbfd : +82
CSS入門、作ってます。
text-shadow