#3d4548
RGB ( 赤 = 61, 緑 = 69, 青 = 72 )
HSL ( 色相 = 196°, 彩度 = 8%, 明度 = 26% )
H : 色相 ( 196° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #483e3d : -190
16 : #48403d : -180
26 : #48423d : -170
36 : #48433d : -160
46 : #48453d : -150
56 : #48473d : -140
66 : #47483d : -130
76 : #45483d : -120
86 : #43483d : -110
96 : #41483d : -100
106 : #3f483d : -90
116 : #3e483d : -80
126 : #3d483e : -70
136 : #3d4840 : -60
146 : #3d4842 : -50
156 : #3d4843 : -40
166 : #3d4845 : -30
176 : #3d4847 : -20
186 : #3d4748 : -10
196 : #3d4548 : ±0
206 : #3d4348 : +10
216 : #3d4148 : +20
226 : #3d3f48 : +30
236 : #3d3e48 : +40
246 : #3e3d48 : +50
256 : #403d48 : +60
266 : #423d48 : +70
276 : #433d48 : +80
286 : #453d48 : +90
296 : #473d48 : +100
306 : #483d47 : +110
316 : #483d45 : +120
326 : #483d43 : +130
336 : #483d41 : +140
346 : #483d3f : +150
356 : #483d3e : +160
186 : #3d4748 : -10
187 : #3d4648 : -9
188 : #3d4648 : -8
189 : #3d4648 : -7
190 : #3d4648 : -6
191 : #3d4648 : -5
192 : #3d4548 : -4
193 : #3d4548 : -3
194 : #3d4548 : -2
195 : #3d4548 : -1
196 : #3d4548 : ±0
197 : #3d4548 : +1
198 : #3d4448 : +2
199 : #3d4448 : +3
200 : #3d4448 : +4
201 : #3d4448 : +5
202 : #3d4448 : +6
203 : #3d4448 : +7
204 : #3d4348 : +8
205 : #3d4348 : +9
206 : #3d4348 : +10
S : 彩度 ( 8% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -8
2 : #414344 : -6
4 : #404445 : -4
6 : #3e4446 : -2
8 : #3d4548 : ±0
10 : #3c4549 : +2
12 : #3a464a : +4
14 : #39474c : +6
16 : #38474d : +8
18 : #36484e : +10
20 : #354850 : +12
22 : #344951 : +14
24 : #324a52 : +16
26 : #314a54 : +18
28 : #304b55 : +20
30 : #2e4c56 : +22
32 : #2d4c58 : +24
34 : #2c4d59 : +26
36 : #2a4d5a : +28
38 : #294e5b : +30
40 : #284f5d : +32
42 : #264f5e : +34
44 : #25505f : +36
46 : #245161 : +38
48 : #225162 : +40
50 : #215263 : +42
52 : #205265 : +44
54 : #1e5366 : +46
56 : #1d5467 : +48
58 : #1c5469 : +50
60 : #1b556a : +52
62 : #19556b : +54
64 : #18566d : +56
66 : #17576e : +58
68 : #15576f : +60
70 : #145871 : +62
72 : #135972 : +64
74 : #115973 : +66
76 : #105a75 : +68
78 : #0f5a76 : +70
80 : #0d5b77 : +72
82 : #0c5c79 : +74
84 : #0b5c7a : +76
86 : #095d7b : +78
88 : #085e7d : +80
90 : #075e7e : +82
92 : #055f7f : +84
94 : #045f81 : +86
96 : #036082 : +88
98 : #016183 : +90
100 : #006185 : +92
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #050506 : -24
4 : #090b0b : -22
6 : #0e1011 : -20
8 : #131516 : -18
10 : #171a1c : -16
12 : #1c2021 : -14
14 : #212527 : -12
16 : #262a2c : -10
18 : #2a3032 : -8
20 : #2f3537 : -6
22 : #343a3d : -4
24 : #383f42 : -2
26 : #3d4548 : ±0
28 : #424a4d : +2
30 : #464f53 : +4
32 : #4b5558 : +6
34 : #505a5e : +8
36 : #545f63 : +10
38 : #596569 : +12
40 : #5e6a6e : +14
42 : #636f74 : +16
44 : #677479 : +18
46 : #6c7a7f : +20
48 : #717f84 : +22
50 : #75848a : +24
52 : #7b898e : +26
54 : #808e93 : +28
56 : #869398 : +30
58 : #8b989c : +32
60 : #919da1 : +34
62 : #96a2a6 : +36
64 : #9ca7ab : +38
66 : #a1acaf : +40
68 : #a7b0b4 : +42
70 : #acb5b9 : +44
72 : #b2babd : +46
74 : #b7bfc2 : +48
76 : #bdc4c7 : +50
78 : #c2c9cb : +52
80 : #c8ced0 : +54
82 : #cdd3d5 : +56
84 : #d3d8d9 : +58
86 : #d8ddde : +60
88 : #dee2e3 : +62
90 : #e3e6e8 : +64
92 : #e9ebec : +66
94 : #eef0f1 : +68
96 : #f4f5f6 : +70
98 : #f9fafa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow