#3d174c
RGB ( 赤 = 61, 緑 = 23, 青 = 76 )
HSL ( 色相 = 283°, 彩度 = 54%, 明度 = 19% )
H : 色相 ( 283° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #4b1916 : -280
13 : #4b2216 : -270
23 : #4b2a16 : -260
33 : #4b3316 : -250
43 : #4b3c16 : -240
53 : #4b4516 : -230
63 : #484b16 : -220
73 : #3f4b16 : -210
83 : #374b16 : -200
93 : #2e4b16 : -190
103 : #254b16 : -180
113 : #1c4b16 : -170
123 : #164b19 : -160
133 : #164b22 : -150
143 : #164b2a : -140
153 : #164b33 : -130
163 : #164b3c : -120
173 : #164b45 : -110
183 : #16484b : -100
193 : #163f4b : -90
203 : #16374b : -80
213 : #162e4b : -70
223 : #16254b : -60
233 : #161c4b : -50
243 : #19164b : -40
253 : #22164b : -30
263 : #2a164b : -20
273 : #33164b : -10
283 : #3c164b : ±0
293 : #45164b : +10
303 : #4b1648 : +20
313 : #4b163f : +30
323 : #4b1637 : +40
333 : #4b162e : +50
343 : #4b1625 : +60
353 : #4b161c : +70
273 : #33164b : -10
274 : #34164b : -9
275 : #35164b : -8
276 : #36164b : -7
277 : #37164b : -6
278 : #37164b : -5
279 : #38164b : -4
280 : #39164b : -3
281 : #3a164b : -2
282 : #3b164b : -1
283 : #3c164b : ±0
284 : #3d164b : +1
285 : #3e164b : +2
286 : #3e164b : +3
287 : #3f164b : +4
288 : #40164b : +5
289 : #41164b : +6
290 : #42164b : +7
291 : #43164b : +8
292 : #44164b : +9
293 : #45164b : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -54
2 : #312f31 : -52
4 : #312f32 : -50
6 : #322e33 : -48
8 : #322d34 : -46
10 : #332c35 : -44
12 : #332b36 : -42
14 : #332a37 : -40
16 : #342938 : -38
18 : #342839 : -36
20 : #35273a : -34
22 : #35263b : -32
24 : #35253c : -30
26 : #36243d : -28
28 : #36233e : -26
30 : #37223f : -24
32 : #372140 : -22
34 : #382041 : -20
36 : #381f42 : -18
38 : #381e43 : -16
40 : #391d44 : -14
42 : #391c45 : -12
44 : #3a1b46 : -10
46 : #3a1a47 : -8
48 : #3b1948 : -6
50 : #3b1849 : -4
52 : #3b174a : -2
54 : #3c164b : ±0
56 : #3c154c : +2
58 : #3d144d : +4
60 : #3d134e : +6
62 : #3d124e : +8
64 : #3e114f : +10
66 : #3e1050 : +12
68 : #3f1051 : +14
70 : #3f0f52 : +16
72 : #400e53 : +18
74 : #400d54 : +20
76 : #400c55 : +22
78 : #410b56 : +24
80 : #410a57 : +26
82 : #420958 : +28
84 : #420859 : +30
86 : #43075a : +32
88 : #43065b : +34
90 : #43055c : +36
92 : #44045d : +38
94 : #44035e : +40
96 : #45025f : +42
98 : #450160 : +44
100 : #450061 : +46
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -18
3 : #09040c : -16
5 : #100614 : -14
7 : #16081b : -12
9 : #1c0b23 : -10
11 : #230d2b : -8
13 : #290f33 : -6
15 : #2f123b : -4
17 : #351443 : -2
19 : #3c164b : ±0
21 : #421952 : +2
23 : #481b5a : +4
25 : #4f1d62 : +6
27 : #55206a : +8
29 : #5b2272 : +10
31 : #62247a : +12
33 : #682782 : +14
35 : #6e2989 : +16
37 : #742b91 : +18
39 : #7b2e99 : +20
41 : #8130a1 : +22
43 : #8732a9 : +24
45 : #8e35b1 : +26
47 : #9437b9 : +28
49 : #9a39c0 : +30
51 : #9f3fc6 : +32
53 : #a346c8 : +34
55 : #a74eca : +36
57 : #ab56cd : +38
59 : #af5ecf : +40
61 : #b366d1 : +42
63 : #b76ed4 : +44
65 : #bb76d6 : +46
67 : #bf7dd8 : +48
69 : #c285db : +50
71 : #c68ddd : +52
73 : #ca95df : +54
75 : #ce9de2 : +56
77 : #d2a5e4 : +58
79 : #d6ade6 : +60
81 : #dab4e9 : +62
83 : #debceb : +64
85 : #e2c4ed : +66
87 : #e6ccf0 : +68
89 : #ead4f2 : +70
91 : #eddcf4 : +72
93 : #f1e4f7 : +74
95 : #f5ebf9 : +76
97 : #f9f3fb : +78
99 : #fdfbfe : +80
CSS入門、作ってます。
text-shadow