#56484c
RGB ( 赤 = 86, 緑 = 72, 青 = 76 )
HSL ( 色相 = 343°, 彩度 = 9%, 明度 = 31% )
H : 色相 ( 343° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #564948 : -340
13 : #564b48 : -330
23 : #564d48 : -320
33 : #565048 : -310
43 : #565248 : -300
53 : #565548 : -290
63 : #555648 : -280
73 : #535648 : -270
83 : #515648 : -260
93 : #4e5648 : -250
103 : #4c5648 : -240
113 : #4a5648 : -230
123 : #485649 : -220
133 : #48564b : -210
143 : #48564d : -200
153 : #485650 : -190
163 : #485652 : -180
173 : #485655 : -170
183 : #485556 : -160
193 : #485356 : -150
203 : #485156 : -140
213 : #484e56 : -130
223 : #484c56 : -120
233 : #484a56 : -110
243 : #494856 : -100
253 : #4b4856 : -90
263 : #4d4856 : -80
273 : #504856 : -70
283 : #524856 : -60
293 : #554856 : -50
303 : #564855 : -40
313 : #564853 : -30
323 : #564851 : -20
333 : #56484e : -10
343 : #56484c : ±0
353 : #56484a : +10
333 : #56484e : -10
334 : #56484e : -9
335 : #56484e : -8
336 : #56484e : -7
337 : #56484d : -6
338 : #56484d : -5
339 : #56484d : -4
340 : #56484d : -3
341 : #56484c : -2
342 : #56484c : -1
343 : #56484c : ±0
344 : #56484c : +1
345 : #56484b : +2
346 : #56484b : +3
347 : #56484b : +4
348 : #56484b : +5
349 : #56484b : +6
350 : #56484a : +7
351 : #56484a : +8
352 : #56484a : +9
353 : #56484a : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e4f : -8
3 : #514d4e : -6
5 : #534b4d : -4
7 : #554a4d : -2
9 : #56484c : ±0
11 : #58464b : +2
13 : #59454b : +4
15 : #5b434a : +6
17 : #5c4249 : +8
19 : #5e4049 : +10
21 : #603e48 : +12
23 : #613d47 : +14
25 : #633b46 : +16
27 : #643a46 : +18
29 : #663845 : +20
31 : #683744 : +22
33 : #693544 : +24
35 : #6b3343 : +26
37 : #6c3242 : +28
39 : #6e3042 : +30
41 : #6f2f41 : +32
43 : #712d40 : +34
45 : #732b40 : +36
47 : #742a3f : +38
49 : #76283e : +40
51 : #77273e : +42
53 : #79253d : +44
55 : #7b243c : +46
57 : #7c223c : +48
59 : #7e203b : +50
61 : #7f1f3a : +52
63 : #811d39 : +54
65 : #821c39 : +56
67 : #841a38 : +58
69 : #861937 : +60
71 : #871737 : +62
73 : #891536 : +64
75 : #8a1435 : +66
77 : #8c1235 : +68
79 : #8d1134 : +70
81 : #8f0f33 : +72
83 : #910d33 : +74
85 : #920c32 : +76
87 : #940a31 : +78
89 : #950931 : +80
91 : #970730 : +82
93 : #99062f : +84
95 : #9a042f : +86
97 : #9c022e : +88
99 : #9d012d : +90
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -30
3 : #080707 : -28
5 : #0e0c0c : -26
7 : #131011 : -24
9 : #191516 : -22
11 : #1f1a1b : -20
13 : #241e20 : -18
15 : #2a2325 : -16
17 : #2f272a : -14
19 : #352c2f : -12
21 : #3a3133 : -10
23 : #403538 : -8
25 : #453a3d : -6
27 : #4b3f42 : -4
29 : #514347 : -2
31 : #56484c : ±0
33 : #5c4d51 : +2
35 : #615156 : +4
37 : #67565b : +6
39 : #6c5a60 : +8
41 : #725f64 : +10
43 : #786469 : +12
45 : #7d686e : +14
47 : #836d73 : +16
49 : #887278 : +18
51 : #8d777d : +20
53 : #927c82 : +22
55 : #978288 : +24
57 : #9b878d : +26
59 : #a08d92 : +28
61 : #a59398 : +30
63 : #a9989d : +32
65 : #ae9ea2 : +34
67 : #b2a3a8 : +36
69 : #b7a9ad : +38
71 : #bcaeb2 : +40
73 : #c0b4b7 : +42
75 : #c5babd : +44
77 : #cabfc2 : +46
79 : #cec5c7 : +48
81 : #d3cacd : +50
83 : #d8d0d2 : +52
85 : #dcd5d7 : +54
87 : #e1dbdd : +56
89 : #e5e0e2 : +58
91 : #eae6e7 : +60
93 : #efecec : +62
95 : #f3f1f2 : +64
97 : #f8f7f7 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow