#3a4a48
RGB ( 赤 = 58, 緑 = 74, 青 = 72 )
HSL ( 色相 = 173°, 彩度 = 12%, 明度 = 26% )
H : 色相 ( 173° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #4a3b3a : -170
13 : #4a3e3a : -160
23 : #4a403a : -150
33 : #4a433a : -140
43 : #4a463a : -130
53 : #4a483a : -120
63 : #494a3a : -110
73 : #474a3a : -100
83 : #444a3a : -90
93 : #424a3a : -80
103 : #3f4a3a : -70
113 : #3c4a3a : -60
123 : #3a4a3b : -50
133 : #3a4a3e : -40
143 : #3a4a40 : -30
153 : #3a4a43 : -20
163 : #3a4a46 : -10
173 : #3a4a48 : ±0
183 : #3a494a : +10
193 : #3a474a : +20
203 : #3a444a : +30
213 : #3a424a : +40
223 : #3a3f4a : +50
233 : #3a3c4a : +60
243 : #3b3a4a : +70
253 : #3e3a4a : +80
263 : #403a4a : +90
273 : #433a4a : +100
283 : #463a4a : +110
293 : #483a4a : +120
303 : #4a3a49 : +130
313 : #4a3a47 : +140
323 : #4a3a44 : +150
333 : #4a3a42 : +160
343 : #4a3a3f : +170
353 : #4a3a3c : +180
163 : #3a4a46 : -10
164 : #3a4a46 : -9
165 : #3a4a46 : -8
166 : #3a4a47 : -7
167 : #3a4a47 : -6
168 : #3a4a47 : -5
169 : #3a4a47 : -4
170 : #3a4a48 : -3
171 : #3a4a48 : -2
172 : #3a4a48 : -1
173 : #3a4a48 : ±0
174 : #3a4a49 : +1
175 : #3a4a49 : +2
176 : #3a4a49 : +3
177 : #3a4a49 : +4
178 : #3a4a4a : +5
179 : #3a4a4a : +6
180 : #3a4a4a : +7
181 : #3a4a4a : +8
182 : #3a4a4a : +9
183 : #3a494a : +10
S : 彩度 ( 12% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -12
2 : #414443 : -10
4 : #404544 : -8
6 : #3e4645 : -6
8 : #3d4846 : -4
10 : #3c4947 : -2
12 : #3a4a48 : ±0
14 : #394c49 : +2
16 : #384d4a : +4
18 : #364e4b : +6
20 : #35504c : +8
22 : #34514d : +10
24 : #32524e : +12
26 : #315450 : +14
28 : #305551 : +16
30 : #2e5652 : +18
32 : #2d5853 : +20
34 : #2c5954 : +22
36 : #2a5a55 : +24
38 : #295b56 : +26
40 : #285d57 : +28
42 : #265e58 : +30
44 : #255f59 : +32
46 : #24615a : +34
48 : #22625b : +36
50 : #21635c : +38
52 : #20655d : +40
54 : #1e665e : +42
56 : #1d675f : +44
58 : #1c6960 : +46
60 : #1b6a61 : +48
62 : #196b62 : +50
64 : #186d63 : +52
66 : #176e64 : +54
68 : #156f65 : +56
70 : #147166 : +58
72 : #137267 : +60
74 : #117368 : +62
76 : #107569 : +64
78 : #0f766a : +66
80 : #0d776b : +68
82 : #0c796c : +70
84 : #0b7a6d : +72
86 : #097b6e : +74
88 : #087d6f : +76
90 : #077e70 : +78
92 : #057f71 : +80
94 : #048172 : +82
96 : #038273 : +84
98 : #018374 : +86
100 : #008575 : +88
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #040606 : -24
4 : #090b0b : -22
6 : #0d1111 : -20
8 : #121716 : -18
10 : #161d1c : -16
12 : #1b2221 : -14
14 : #1f2827 : -12
16 : #242e2d : -10
18 : #283332 : -8
20 : #2d3938 : -6
22 : #313f3d : -4
24 : #364543 : -2
26 : #3a4a48 : ±0
28 : #3f504e : +2
30 : #435654 : +4
32 : #485b59 : +6
34 : #4c615f : +8
36 : #516764 : +10
38 : #556d6a : +12
40 : #5a726f : +14
42 : #5e7875 : +16
44 : #637e7b : +18
46 : #678380 : +20
48 : #6c8986 : +22
50 : #708f8b : +24
52 : #769390 : +26
54 : #7c9894 : +28
56 : #819c99 : +30
58 : #87a19e : +32
60 : #8da5a2 : +34
62 : #92aaa7 : +36
64 : #98aeac : +38
66 : #9eb3b0 : +40
68 : #a4b7b5 : +42
70 : #a9bcba : +44
72 : #afc0be : +46
74 : #b5c5c3 : +48
76 : #bac9c7 : +50
78 : #c0cecc : +52
80 : #c6d2d1 : +54
82 : #ccd7d5 : +56
84 : #d1dbda : +58
86 : #d7e0df : +60
88 : #dde4e3 : +62
90 : #e2e9e8 : +64
92 : #e8edec : +66
94 : #eef2f1 : +68
96 : #f4f6f6 : +70
98 : #f9fbfa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow