#38474d
RGB ( 赤 = 56, 緑 = 71, 青 = 77 )
HSL ( 色相 = 197°, 彩度 = 16%, 明度 = 26% )
H : 色相 ( 197° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #4d3a38 : -190
17 : #4d3e38 : -180
27 : #4d4138 : -170
37 : #4d4538 : -160
47 : #4d4838 : -150
57 : #4d4c38 : -140
67 : #4a4d38 : -130
77 : #474d38 : -120
87 : #434d38 : -110
97 : #404d38 : -100
107 : #3c4d38 : -90
117 : #394d38 : -80
127 : #384d3a : -70
137 : #384d3e : -60
147 : #384d41 : -50
157 : #384d45 : -40
167 : #384d48 : -30
177 : #384d4c : -20
187 : #384a4d : -10
197 : #38474d : ±0
207 : #38434d : +10
217 : #38404d : +20
227 : #383c4d : +30
237 : #38394d : +40
247 : #3a384d : +50
257 : #3e384d : +60
267 : #41384d : +70
277 : #45384d : +80
287 : #48384d : +90
297 : #4c384d : +100
307 : #4d384a : +110
317 : #4d3847 : +120
327 : #4d3843 : +130
337 : #4d3840 : +140
347 : #4d383c : +150
357 : #4d3839 : +160
187 : #384a4d : -10
188 : #384a4d : -9
189 : #384a4d : -8
190 : #38494d : -7
191 : #38494d : -6
192 : #38494d : -5
193 : #38484d : -4
194 : #38484d : -3
195 : #38484d : -2
196 : #38474d : -1
197 : #38474d : ±0
198 : #38474d : +1
199 : #38464d : +2
200 : #38464d : +3
201 : #38454d : +4
202 : #38454d : +5
203 : #38454d : +6
204 : #38444d : +7
205 : #38444d : +8
206 : #38444d : +9
207 : #38434d : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -16
2 : #414344 : -14
4 : #404345 : -12
6 : #3e4446 : -10
8 : #3d4548 : -8
10 : #3c4549 : -6
12 : #3a464a : -4
14 : #39464c : -2
16 : #38474d : ±0
18 : #36474e : +2
20 : #354850 : +4
22 : #344951 : +6
24 : #324952 : +8
26 : #314a54 : +10
28 : #304a55 : +12
30 : #2e4b56 : +14
32 : #2d4b58 : +16
34 : #2c4c59 : +18
36 : #2a4d5a : +20
38 : #294d5b : +22
40 : #284e5d : +24
42 : #264e5e : +26
44 : #254f5f : +28
46 : #245061 : +30
48 : #225062 : +32
50 : #215163 : +34
52 : #205165 : +36
54 : #1e5266 : +38
56 : #1d5267 : +40
58 : #1c5369 : +42
60 : #1b546a : +44
62 : #19546b : +46
64 : #18556d : +48
66 : #17556e : +50
68 : #15566f : +52
70 : #145671 : +54
72 : #135772 : +56
74 : #115873 : +58
76 : #105875 : +60
78 : #0f5976 : +62
80 : #0d5977 : +64
82 : #0c5a79 : +66
84 : #0b5a7a : +68
86 : #095b7b : +70
88 : #085c7d : +72
90 : #075c7e : +74
92 : #055d7f : +76
94 : #045d81 : +78
96 : #035e82 : +80
98 : #015e83 : +82
100 : #005f85 : +84
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #040506 : -24
4 : #090b0c : -22
6 : #0d1012 : -20
8 : #111618 : -18
10 : #151b1e : -16
12 : #1a2123 : -14
14 : #1e2629 : -12
16 : #222c2f : -10
18 : #273135 : -8
20 : #2b373b : -6
22 : #2f3c41 : -4
24 : #334147 : -2
26 : #38474d : ±0
28 : #3c4c53 : +2
30 : #405259 : +4
32 : #45575f : +6
34 : #495d65 : +8
36 : #4d626a : +10
38 : #516870 : +12
40 : #566d76 : +14
42 : #5a737c : +16
44 : #5e7882 : +18
46 : #637d88 : +20
48 : #67838e : +22
50 : #6b8894 : +24
52 : #718d98 : +26
54 : #77929c : +28
56 : #7d97a1 : +30
58 : #839ba5 : +32
60 : #89a0a9 : +34
62 : #8fa5ae : +36
64 : #95aab2 : +38
66 : #9aaeb6 : +40
68 : #a0b3ba : +42
70 : #a6b8bf : +44
72 : #acbdc3 : +46
74 : #b2c1c7 : +48
76 : #b8c6cc : +50
78 : #becbd0 : +52
80 : #c4d0d4 : +54
82 : #cad4d8 : +56
84 : #d0d9dd : +58
86 : #d6dee1 : +60
88 : #dce3e5 : +62
90 : #e1e7ea : +64
92 : #e7ecee : +66
94 : #edf1f2 : +68
96 : #f3f6f6 : +70
98 : #f9fafb : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow