#56484b
RGB ( 赤 = 86, 緑 = 72, 青 = 75 )
HSL ( 色相 = 347°, 彩度 = 9%, 明度 = 31% )
H : 色相 ( 347° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #564a48 : -340
17 : #564c48 : -330
27 : #564e48 : -320
37 : #565148 : -310
47 : #565348 : -300
57 : #565548 : -290
67 : #555648 : -280
77 : #525648 : -270
87 : #505648 : -260
97 : #4d5648 : -250
107 : #4b5648 : -240
117 : #495648 : -230
127 : #48564a : -220
137 : #48564c : -210
147 : #48564e : -200
157 : #485651 : -190
167 : #485653 : -180
177 : #485655 : -170
187 : #485556 : -160
197 : #485256 : -150
207 : #485056 : -140
217 : #484d56 : -130
227 : #484b56 : -120
237 : #484956 : -110
247 : #4a4856 : -100
257 : #4c4856 : -90
267 : #4e4856 : -80
277 : #514856 : -70
287 : #534856 : -60
297 : #554856 : -50
307 : #564855 : -40
317 : #564852 : -30
327 : #564850 : -20
337 : #56484d : -10
347 : #56484b : ±0
357 : #564849 : +10
337 : #56484d : -10
338 : #56484d : -9
339 : #56484d : -8
340 : #56484d : -7
341 : #56484c : -6
342 : #56484c : -5
343 : #56484c : -4
344 : #56484c : -3
345 : #56484b : -2
346 : #56484b : -1
347 : #56484b : ±0
348 : #56484b : +1
349 : #56484b : +2
350 : #56484a : +3
351 : #56484a : +4
352 : #56484a : +5
353 : #56484a : +6
354 : #564849 : +7
355 : #564849 : +8
356 : #564849 : +9
357 : #564849 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e4f : -8
3 : #514d4e : -6
5 : #534b4d : -4
7 : #554a4c : -2
9 : #56484b : ±0
11 : #58464a : +2
13 : #594549 : +4
15 : #5b4348 : +6
17 : #5c4247 : +8
19 : #5e4047 : +10
21 : #603e46 : +12
23 : #613d45 : +14
25 : #633b44 : +16
27 : #643a43 : +18
29 : #663842 : +20
31 : #683741 : +22
33 : #693540 : +24
35 : #6b333f : +26
37 : #6c323e : +28
39 : #6e303e : +30
41 : #6f2f3d : +32
43 : #712d3c : +34
45 : #732b3b : +36
47 : #742a3a : +38
49 : #762839 : +40
51 : #772738 : +42
53 : #792537 : +44
55 : #7b2436 : +46
57 : #7c2236 : +48
59 : #7e2035 : +50
61 : #7f1f34 : +52
63 : #811d33 : +54
65 : #821c32 : +56
67 : #841a31 : +58
69 : #861930 : +60
71 : #87172f : +62
73 : #89152e : +64
75 : #8a142d : +66
77 : #8c122d : +68
79 : #8d112c : +70
81 : #8f0f2b : +72
83 : #910d2a : +74
85 : #920c29 : +76
87 : #940a28 : +78
89 : #950927 : +80
91 : #970726 : +82
93 : #990625 : +84
95 : #9a0424 : +86
97 : #9c0224 : +88
99 : #9d0123 : +90
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -30
3 : #080707 : -28
5 : #0e0c0c : -26
7 : #131011 : -24
9 : #191516 : -22
11 : #1f1a1b : -20
13 : #241e1f : -18
15 : #2a2324 : -16
17 : #2f2729 : -14
19 : #352c2e : -12
21 : #3a3133 : -10
23 : #403538 : -8
25 : #453a3c : -6
27 : #4b3f41 : -4
29 : #514346 : -2
31 : #56484b : ±0
33 : #5c4d50 : +2
35 : #615155 : +4
37 : #67565a : +6
39 : #6c5a5e : +8
41 : #725f63 : +10
43 : #786468 : +12
45 : #7d686d : +14
47 : #836d72 : +16
49 : #887277 : +18
51 : #8d777c : +20
53 : #927c81 : +22
55 : #978286 : +24
57 : #9b878c : +26
59 : #a08d91 : +28
61 : #a59396 : +30
63 : #a9989c : +32
65 : #ae9ea1 : +34
67 : #b2a3a7 : +36
69 : #b7a9ac : +38
71 : #bcaeb1 : +40
73 : #c0b4b7 : +42
75 : #c5babc : +44
77 : #cabfc1 : +46
79 : #cec5c7 : +48
81 : #d3cacc : +50
83 : #d8d0d1 : +52
85 : #dcd5d7 : +54
87 : #e1dbdc : +56
89 : #e5e0e2 : +58
91 : #eae6e7 : +60
93 : #efecec : +62
95 : #f3f1f2 : +64
97 : #f8f7f7 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow