#564853
RGB ( 赤 = 86, 緑 = 72, 青 = 83 )
HSL ( 色相 = 313°, 彩度 = 9%, 明度 = 31% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #564948 : -310
13 : #564b48 : -300
23 : #564d48 : -290
33 : #565048 : -280
43 : #565248 : -270
53 : #565548 : -260
63 : #555648 : -250
73 : #535648 : -240
83 : #515648 : -230
93 : #4e5648 : -220
103 : #4c5648 : -210
113 : #4a5648 : -200
123 : #485649 : -190
133 : #48564b : -180
143 : #48564d : -170
153 : #485650 : -160
163 : #485652 : -150
173 : #485655 : -140
183 : #485556 : -130
193 : #485356 : -120
203 : #485156 : -110
213 : #484e56 : -100
223 : #484c56 : -90
233 : #484a56 : -80
243 : #494856 : -70
253 : #4b4856 : -60
263 : #4d4856 : -50
273 : #504856 : -40
283 : #524856 : -30
293 : #554856 : -20
303 : #564855 : -10
313 : #564853 : ±0
323 : #564851 : +10
333 : #56484e : +20
343 : #56484c : +30
353 : #56484a : +40
303 : #564855 : -10
304 : #564855 : -9
305 : #564855 : -8
306 : #564855 : -7
307 : #564855 : -6
308 : #564854 : -5
309 : #564854 : -4
310 : #564854 : -3
311 : #564854 : -2
312 : #564853 : -1
313 : #564853 : ±0
314 : #564853 : +1
315 : #564853 : +2
316 : #564852 : +3
317 : #564852 : +4
318 : #564852 : +5
319 : #564852 : +6
320 : #564851 : +7
321 : #564851 : +8
322 : #564851 : +9
323 : #564851 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e4f : -8
3 : #514d50 : -6
5 : #534b51 : -4
7 : #554a52 : -2
9 : #564853 : ±0
11 : #584654 : +2
13 : #594555 : +4
15 : #5b4356 : +6
17 : #5c4257 : +8
19 : #5e4058 : +10
21 : #603e58 : +12
23 : #613d59 : +14
25 : #633b5a : +16
27 : #643a5b : +18
29 : #66385c : +20
31 : #68375d : +22
33 : #69355e : +24
35 : #6b335f : +26
37 : #6c3260 : +28
39 : #6e3061 : +30
41 : #6f2f61 : +32
43 : #712d62 : +34
45 : #732b63 : +36
47 : #742a64 : +38
49 : #762865 : +40
51 : #772766 : +42
53 : #792567 : +44
55 : #7b2468 : +46
57 : #7c2269 : +48
59 : #7e2069 : +50
61 : #7f1f6a : +52
63 : #811d6b : +54
65 : #821c6c : +56
67 : #841a6d : +58
69 : #86196e : +60
71 : #87176f : +62
73 : #891570 : +64
75 : #8a1471 : +66
77 : #8c1272 : +68
79 : #8d1172 : +70
81 : #8f0f73 : +72
83 : #910d74 : +74
85 : #920c75 : +76
87 : #940a76 : +78
89 : #950977 : +80
91 : #970778 : +82
93 : #990679 : +84
95 : #9a047a : +86
97 : #9c027b : +88
99 : #9d017b : +90
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -30
3 : #080708 : -28
5 : #0e0c0d : -26
7 : #131013 : -24
9 : #191518 : -22
11 : #1f1a1d : -20
13 : #241e23 : -18
15 : #2a2328 : -16
17 : #2f272e : -14
19 : #352c33 : -12
21 : #3a3138 : -10
23 : #40353e : -8
25 : #453a43 : -6
27 : #4b3f48 : -4
29 : #51434e : -2
31 : #564853 : ±0
33 : #5c4d58 : +2
35 : #61515e : +4
37 : #675663 : +6
39 : #6c5a69 : +8
41 : #725f6e : +10
43 : #786473 : +12
45 : #7d6879 : +14
47 : #836d7e : +16
49 : #887283 : +18
51 : #8d7788 : +20
53 : #927c8d : +22
55 : #978292 : +24
57 : #9b8797 : +26
59 : #a08d9c : +28
61 : #a593a1 : +30
63 : #a998a5 : +32
65 : #ae9eaa : +34
67 : #b2a3af : +36
69 : #b7a9b4 : +38
71 : #bcaeb9 : +40
73 : #c0b4be : +42
75 : #c5bac3 : +44
77 : #cabfc7 : +46
79 : #cec5cc : +48
81 : #d3cad1 : +50
83 : #d8d0d6 : +52
85 : #dcd5db : +54
87 : #e1dbe0 : +56
89 : #e5e0e4 : +58
91 : #eae6e9 : +60
93 : #efecee : +62
95 : #f3f1f3 : +64
97 : #f8f7f8 : +66
99 : #fdfcfd : +68
CSS入門、作ってます。
text-shadow