#3a384d
RGB ( 赤 = 58, 緑 = 56, 青 = 77 )
HSL ( 色相 = 246°, 彩度 = 16%, 明度 = 26% )
H : 色相 ( 246° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #4d3a38 : -240
16 : #4d3d38 : -230
26 : #4d4138 : -220
36 : #4d4438 : -210
46 : #4d4838 : -200
56 : #4d4b38 : -190
66 : #4b4d38 : -180
76 : #474d38 : -170
86 : #444d38 : -160
96 : #404d38 : -150
106 : #3d4d38 : -140
116 : #394d38 : -130
126 : #384d3a : -120
136 : #384d3d : -110
146 : #384d41 : -100
156 : #384d44 : -90
166 : #384d48 : -80
176 : #384d4b : -70
186 : #384b4d : -60
196 : #38474d : -50
206 : #38444d : -40
216 : #38404d : -30
226 : #383d4d : -20
236 : #38394d : -10
246 : #3a384d : ±0
256 : #3d384d : +10
266 : #41384d : +20
276 : #44384d : +30
286 : #48384d : +40
296 : #4b384d : +50
306 : #4d384b : +60
316 : #4d3847 : +70
326 : #4d3844 : +80
336 : #4d3840 : +90
346 : #4d383d : +100
356 : #4d3839 : +110
236 : #38394d : -10
237 : #38394d : -9
238 : #38384d : -8
239 : #38384d : -7
240 : #38384d : -6
241 : #38384d : -5
242 : #38384d : -4
243 : #39384d : -3
244 : #39384d : -2
245 : #39384d : -1
246 : #3a384d : ±0
247 : #3a384d : +1
248 : #3b384d : +2
249 : #3b384d : +3
250 : #3b384d : +4
251 : #3c384d : +5
252 : #3c384d : +6
253 : #3c384d : +7
254 : #3d384d : +8
255 : #3d384d : +9
256 : #3d384d : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -16
2 : #414144 : -14
4 : #404045 : -12
6 : #3f3e46 : -10
8 : #3e3d48 : -8
10 : #3d3c49 : -6
12 : #3c3a4a : -4
14 : #3b394c : -2
16 : #3a384d : ±0
18 : #39364e : +2
20 : #383550 : +4
22 : #373451 : +6
24 : #363252 : +8
26 : #353154 : +10
28 : #333055 : +12
30 : #322e56 : +14
32 : #312d58 : +16
34 : #302c59 : +18
36 : #2f2a5a : +20
38 : #2e295b : +22
40 : #2d285d : +24
42 : #2c265e : +26
44 : #2b255f : +28
46 : #2a2461 : +30
48 : #292262 : +32
50 : #282163 : +34
52 : #272065 : +36
54 : #261e66 : +38
56 : #251d67 : +40
58 : #241c69 : +42
60 : #221b6a : +44
62 : #21196b : +46
64 : #20186d : +48
66 : #1f176e : +50
68 : #1e156f : +52
70 : #1d1471 : +54
72 : #1c1372 : +56
74 : #1b1173 : +58
76 : #1a1075 : +60
78 : #190f76 : +62
80 : #180d77 : +64
82 : #170c79 : +66
84 : #160b7a : +68
86 : #15097b : +70
88 : #14087d : +72
90 : #13077e : +74
92 : #12057f : +76
94 : #100481 : +78
96 : #0f0382 : +80
98 : #0e0183 : +82
100 : #0d0085 : +84
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #040406 : -24
4 : #09090c : -22
6 : #0d0d12 : -20
8 : #121118 : -18
10 : #16151e : -16
12 : #1b1a23 : -14
14 : #1f1e29 : -12
16 : #24222f : -10
18 : #282735 : -8
20 : #2c2b3b : -6
22 : #312f41 : -4
24 : #353347 : -2
26 : #3a384d : ±0
28 : #3e3c53 : +2
30 : #434059 : +4
32 : #47455f : +6
34 : #4c4965 : +8
36 : #504d6a : +10
38 : #545170 : +12
40 : #595676 : +14
42 : #5d5a7c : +16
44 : #625e82 : +18
46 : #666388 : +20
48 : #6b678e : +22
50 : #6f6b94 : +24
52 : #757198 : +26
54 : #7b779c : +28
56 : #807da1 : +30
58 : #8683a5 : +32
60 : #8c89a9 : +34
62 : #928fae : +36
64 : #9795b2 : +38
66 : #9d9ab6 : +40
68 : #a3a0ba : +42
70 : #a9a6bf : +44
72 : #aeacc3 : +46
74 : #b4b2c7 : +48
76 : #bab8cc : +50
78 : #c0bed0 : +52
80 : #c5c4d4 : +54
82 : #cbcad8 : +56
84 : #d1d0dd : +58
86 : #d7d6e1 : +60
88 : #dcdce5 : +62
90 : #e2e1ea : +64
92 : #e8e7ee : +66
94 : #eeedf2 : +68
96 : #f3f3f6 : +70
98 : #f9f9fb : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow