#4d4a47
RGB ( 赤 = 77, 緑 = 74, 青 = 71 )
HSL ( 色相 = 30°, 彩度 = 4%, 明度 = 29% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4d4747 : -30
10 : #4d4847 : -20
20 : #4d4947 : -10
30 : #4d4a47 : ±0
40 : #4d4b47 : +10
50 : #4d4c47 : +20
60 : #4d4d47 : +30
70 : #4c4d47 : +40
80 : #4b4d47 : +50
90 : #4a4d47 : +60
100 : #494d47 : +70
110 : #484d47 : +80
120 : #474d47 : +90
130 : #474d48 : +100
140 : #474d49 : +110
150 : #474d4a : +120
160 : #474d4b : +130
170 : #474d4c : +140
180 : #474d4d : +150
190 : #474c4d : +160
200 : #474b4d : +170
210 : #474a4d : +180
220 : #47494d : +190
230 : #47484d : +200
240 : #47474d : +210
250 : #48474d : +220
260 : #49474d : +230
270 : #4a474d : +240
280 : #4b474d : +250
290 : #4c474d : +260
300 : #4d474d : +270
310 : #4d474c : +280
320 : #4d474b : +290
330 : #4d474a : +300
340 : #4d4749 : +310
350 : #4d4748 : +320
20 : #4d4947 : -10
21 : #4d4947 : -9
22 : #4d4947 : -8
23 : #4d4947 : -7
24 : #4d4947 : -6
25 : #4d4947 : -5
26 : #4d4a47 : -4
27 : #4d4a47 : -3
28 : #4d4a47 : -2
29 : #4d4a47 : -1
30 : #4d4a47 : ±0
31 : #4d4a47 : +1
32 : #4d4a47 : +2
33 : #4d4a47 : +3
34 : #4d4a47 : +4
35 : #4d4a47 : +5
36 : #4d4b47 : +6
37 : #4d4b47 : +7
38 : #4d4b47 : +8
39 : #4d4b47 : +9
40 : #4d4b47 : +10
S : 彩度 ( 4% )
(0%) 渋い ~ 鮮やか (100%)
0 : #494949 : -4
2 : #4b4a48 : -2
4 : #4d4a47 : ±0
6 : #4e4a46 : +2
8 : #504a44 : +4
10 : #514a43 : +6
12 : #534a41 : +8
14 : #544a40 : +10
16 : #564a3e : +12
18 : #574a3d : +14
20 : #594a3b : +16
22 : #5a4a3a : +18
24 : #5c4a38 : +20
26 : #5d4a37 : +22
28 : #5f4a35 : +24
30 : #604a34 : +26
32 : #624a32 : +28
34 : #634a31 : +30
36 : #654a2f : +32
38 : #664a2e : +34
40 : #684a2c : +36
42 : #694a2b : +38
44 : #6a4a29 : +40
46 : #6c4a28 : +42
48 : #6d4a26 : +44
50 : #6f4a25 : +46
52 : #704a23 : +48
54 : #724a22 : +50
56 : #734a21 : +52
58 : #754a1f : +54
60 : #764a1e : +56
62 : #784a1c : +58
64 : #794a1b : +60
66 : #7b4a19 : +62
68 : #7c4a18 : +64
70 : #7e4a16 : +66
72 : #7f4a15 : +68
74 : #814a13 : +70
76 : #824a12 : +72
78 : #844a10 : +74
80 : #854a0f : +76
82 : #874a0d : +78
84 : #884a0c : +80
86 : #8a4a0a : +82
88 : #8b4a09 : +84
90 : #8d4a07 : +86
92 : #8e4a06 : +88
94 : #8f4a04 : +90
96 : #914a03 : +92
98 : #924a01 : +94
100 : #944a00 : +96
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -28
3 : #080807 : -26
5 : #0d0d0c : -24
7 : #131211 : -22
9 : #181716 : -20
11 : #1d1c1b : -18
13 : #222120 : -16
15 : #282625 : -14
17 : #2d2b2a : -12
19 : #32302f : -10
21 : #383633 : -8
23 : #3d3b38 : -6
25 : #42403d : -4
27 : #484542 : -2
29 : #4d4a47 : ±0
31 : #524f4c : +2
33 : #585451 : +4
35 : #5d5956 : +6
37 : #625e5b : +8
39 : #67635f : +10
41 : #6d6964 : +12
43 : #726e69 : +14
45 : #77736e : +16
47 : #7d7873 : +18
49 : #827d78 : +20
51 : #87827d : +22
53 : #8c8782 : +24
55 : #918c88 : +26
57 : #96918d : +28
59 : #9b9692 : +30
61 : #a09c98 : +32
63 : #a4a19d : +34
65 : #a9a6a2 : +36
67 : #aeaba7 : +38
69 : #b3b0ad : +40
71 : #b8b5b2 : +42
73 : #bdbab7 : +44
75 : #c2bfbd : +46
77 : #c7c4c2 : +48
79 : #ccc9c7 : +50
81 : #d0cfcd : +52
83 : #d5d4d2 : +54
85 : #dad9d7 : +56
87 : #dfdedd : +58
89 : #e4e3e2 : +60
91 : #e9e8e7 : +62
93 : #eeedec : +64
95 : #f3f2f2 : +66
97 : #f8f7f7 : +68
99 : #fdfcfc : +70
CSS入門、作ってます。
text-shadow