#574c51
RGB ( 赤 = 87, 緑 = 76, 青 = 81 )
HSL ( 色相 = 333°, 彩度 = 7%, 明度 = 32% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #574c4c : -330
13 : #574e4c : -320
23 : #57504c : -310
33 : #57524c : -300
43 : #57544c : -290
53 : #57564c : -280
63 : #57574c : -270
73 : #55574c : -260
83 : #53574c : -250
93 : #51574c : -240
103 : #4f574c : -230
113 : #4d574c : -220
123 : #4c574c : -210
133 : #4c574e : -200
143 : #4c5750 : -190
153 : #4c5752 : -180
163 : #4c5754 : -170
173 : #4c5756 : -160
183 : #4c5757 : -150
193 : #4c5557 : -140
203 : #4c5357 : -130
213 : #4c5157 : -120
223 : #4c4f57 : -110
233 : #4c4d57 : -100
243 : #4c4c57 : -90
253 : #4e4c57 : -80
263 : #504c57 : -70
273 : #524c57 : -60
283 : #544c57 : -50
293 : #564c57 : -40
303 : #574c57 : -30
313 : #574c55 : -20
323 : #574c53 : -10
333 : #574c51 : ±0
343 : #574c4f : +10
353 : #574c4d : +20
323 : #574c53 : -10
324 : #574c53 : -9
325 : #574c53 : -8
326 : #574c52 : -7
327 : #574c52 : -6
328 : #574c52 : -5
329 : #574c52 : -4
330 : #574c52 : -3
331 : #574c51 : -2
332 : #574c51 : -1
333 : #574c51 : ±0
334 : #574c51 : +1
335 : #574c51 : +2
336 : #574c50 : +3
337 : #574c50 : +4
338 : #574c50 : +5
339 : #574c50 : +6
340 : #574c50 : +7
341 : #574c50 : +8
342 : #574c4f : +9
343 : #574c4f : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525152 : -6
3 : #544f51 : -4
5 : #564e51 : -2
7 : #574c51 : ±0
9 : #594a51 : +2
11 : #5b4951 : +4
13 : #5c4751 : +6
15 : #5e4550 : +8
17 : #5f4450 : +10
19 : #614250 : +12
21 : #634050 : +14
23 : #643f50 : +16
25 : #663d50 : +18
27 : #683c4f : +20
29 : #693a4f : +22
31 : #6b384f : +24
33 : #6d374f : +26
35 : #6e354f : +28
37 : #70334f : +30
39 : #71324e : +32
41 : #73304e : +34
43 : #752f4e : +36
45 : #762d4e : +38
47 : #782b4e : +40
49 : #7a2a4e : +42
51 : #7b284d : +44
53 : #7d264d : +46
55 : #7e254d : +48
57 : #80234d : +50
59 : #82214d : +52
61 : #83204d : +54
63 : #851e4c : +56
65 : #871d4c : +58
67 : #881b4c : +60
69 : #8a194c : +62
71 : #8c184c : +64
73 : #8d164c : +66
75 : #8f144b : +68
77 : #90134b : +70
79 : #92114b : +72
81 : #94104b : +74
83 : #950e4b : +76
85 : #970c4b : +78
87 : #990b4b : +80
89 : #9a094a : +82
91 : #9c074a : +84
93 : #9d064a : +86
95 : #9f044a : +88
97 : #a1024a : +90
99 : #a2014a : +92
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #050505 : -30
4 : #0b090a : -28
6 : #100e0f : -26
8 : #161314 : -24
10 : #1b1819 : -22
12 : #211c1e : -20
14 : #262123 : -18
16 : #2c2629 : -16
18 : #312b2e : -14
20 : #372f33 : -12
22 : #3c3438 : -10
24 : #41393d : -8
26 : #473e42 : -6
28 : #4c4247 : -4
30 : #52474c : -2
32 : #574c51 : ±0
34 : #5d5156 : +2
36 : #62555b : +4
38 : #685a60 : +6
40 : #6d5f65 : +8
42 : #73646a : +10
44 : #78686f : +12
46 : #7e6d74 : +14
48 : #83727a : +16
50 : #88777f : +18
52 : #8d7c84 : +20
54 : #928189 : +22
56 : #97878e : +24
58 : #9b8c93 : +26
60 : #a09298 : +28
62 : #a5979d : +30
64 : #aa9da3 : +32
66 : #aea2a8 : +34
68 : #b3a8ad : +36
70 : #b8adb2 : +38
72 : #bdb3b7 : +40
74 : #c1b8bc : +42
76 : #c6bec1 : +44
78 : #cbc3c7 : +46
80 : #d0c8cc : +48
82 : #d4ced1 : +50
84 : #d9d3d6 : +52
86 : #ded9db : +54
88 : #e3dee0 : +56
90 : #e7e4e5 : +58
92 : #ece9ea : +60
94 : #f1eff0 : +62
96 : #f6f4f5 : +64
98 : #fafafa : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow