#4c1840
RGB ( 赤 = 76, 緑 = 24, 青 = 64 )
HSL ( 色相 = 314°, 彩度 = 52%, 明度 = 20% )
H : 色相 ( 314° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #4e1c18 : -310
14 : #4e2518 : -300
24 : #4e2e18 : -290
34 : #4e3718 : -280
44 : #4e3f18 : -270
54 : #4e4818 : -260
64 : #4a4e18 : -250
74 : #414e18 : -240
84 : #384e18 : -230
94 : #2f4e18 : -220
104 : #274e18 : -210
114 : #1e4e18 : -200
124 : #184e1c : -190
134 : #184e25 : -180
144 : #184e2e : -170
154 : #184e37 : -160
164 : #184e3f : -150
174 : #184e48 : -140
184 : #184a4e : -130
194 : #18414e : -120
204 : #18384e : -110
214 : #182f4e : -100
224 : #18274e : -90
234 : #181e4e : -80
244 : #1c184e : -70
254 : #25184e : -60
264 : #2e184e : -50
274 : #37184e : -40
284 : #3f184e : -30
294 : #48184e : -20
304 : #4e184a : -10
314 : #4e1841 : ±0
324 : #4e1838 : +10
334 : #4e182f : +20
344 : #4e1827 : +30
354 : #4e181e : +40
304 : #4e184a : -10
305 : #4e1849 : -9
306 : #4e1848 : -8
307 : #4e1847 : -7
308 : #4e1846 : -6
309 : #4e1846 : -5
310 : #4e1845 : -4
311 : #4e1844 : -3
312 : #4e1843 : -2
313 : #4e1842 : -1
314 : #4e1841 : ±0
315 : #4e1840 : +1
316 : #4e183f : +2
317 : #4e183e : +3
318 : #4e183e : +4
319 : #4e183d : +5
320 : #4e183c : +6
321 : #4e183b : +7
322 : #4e183a : +8
323 : #4e1839 : +9
324 : #4e1838 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -52
2 : #343234 : -50
4 : #353134 : -48
6 : #363035 : -46
8 : #372f35 : -44
10 : #382e36 : -42
12 : #392d36 : -40
14 : #3a2c37 : -38
16 : #3b2b37 : -36
18 : #3c2a38 : -34
20 : #3d2938 : -32
22 : #3e2839 : -30
24 : #3f273a : -28
26 : #40263a : -26
28 : #41253b : -24
30 : #42243b : -22
32 : #43233c : -20
34 : #44223c : -18
36 : #45213d : -16
38 : #46203d : -14
40 : #471f3e : -12
42 : #481e3e : -10
44 : #491d3f : -8
46 : #4a1c40 : -6
48 : #4b1b40 : -4
50 : #4d1a41 : -2
52 : #4e1841 : ±0
54 : #4f1742 : +2
56 : #501642 : +4
58 : #511543 : +6
60 : #521443 : +8
62 : #531344 : +10
64 : #541244 : +12
66 : #551145 : +14
68 : #561045 : +16
70 : #570f46 : +18
72 : #580e47 : +20
74 : #590d47 : +22
76 : #5a0c48 : +24
78 : #5b0b48 : +26
80 : #5c0a49 : +28
82 : #5d0949 : +30
84 : #5e084a : +32
86 : #5f074a : +34
88 : #60064b : +36
90 : #61054b : +38
92 : #62044c : +40
94 : #63034d : +42
96 : #64024d : +44
98 : #65014e : +46
100 : #66004e : +48
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080207 : -18
4 : #10050d : -16
6 : #170714 : -14
8 : #1f0a1a : -12
10 : #270c21 : -10
12 : #2f0f27 : -8
14 : #36112e : -6
16 : #3e1434 : -4
18 : #46163b : -2
20 : #4e1841 : ±0
22 : #551b48 : +2
24 : #5d1d4e : +4
26 : #652055 : +6
28 : #6d225b : +8
30 : #742562 : +10
32 : #7c2768 : +12
34 : #842a6f : +14
36 : #8c2c75 : +16
38 : #932f7c : +18
40 : #9b3182 : +20
42 : #a33389 : +22
44 : #ab368f : +24
46 : #b23896 : +26
48 : #ba3b9c : +28
50 : #c23da3 : +30
52 : #c445a7 : +32
54 : #c74daa : +34
56 : #c954ae : +36
58 : #cc5cb2 : +38
60 : #ce64b5 : +40
62 : #d06cb9 : +42
64 : #d373bd : +44
66 : #d57bc0 : +46
68 : #d883c4 : +48
70 : #da8bc8 : +50
72 : #dd92cb : +52
74 : #df9acf : +54
76 : #e2a2d3 : +56
78 : #e4aad6 : +58
80 : #e7b1da : +60
82 : #e9b9de : +62
84 : #ebc1e2 : +64
86 : #eec9e5 : +66
88 : #f0d0e9 : +68
90 : #f3d8ed : +70
92 : #f5e0f0 : +72
94 : #f8e8f4 : +74
96 : #faeff8 : +76
98 : #fdf7fb : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow