#563f34
RGB ( 赤 = 86, 緑 = 63, 青 = 52 )
HSL ( 色相 = 19°, 彩度 = 25%, 明度 = 27% )
H : 色相 ( 19° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #563934 : -10
19 : #563f34 : ±0
29 : #564434 : +10
39 : #564a34 : +20
49 : #565034 : +30
59 : #565534 : +40
69 : #515634 : +50
79 : #4b5634 : +60
89 : #455634 : +70
99 : #405634 : +80
109 : #3a5634 : +90
119 : #345634 : +100
129 : #345639 : +110
139 : #34563f : +120
149 : #345644 : +130
159 : #34564a : +140
169 : #345650 : +150
179 : #345655 : +160
189 : #345156 : +170
199 : #344b56 : +180
209 : #344556 : +190
219 : #344056 : +200
229 : #343a56 : +210
239 : #343456 : +220
249 : #393456 : +230
259 : #3f3456 : +240
269 : #443456 : +250
279 : #4a3456 : +260
289 : #503456 : +270
299 : #553456 : +280
309 : #563451 : +290
319 : #56344b : +300
329 : #563445 : +310
339 : #563440 : +320
349 : #56343a : +330
359 : #563434 : +340
9 : #563934 : -10
10 : #563934 : -9
11 : #563a34 : -8
12 : #563b34 : -7
13 : #563b34 : -6
14 : #563c34 : -5
15 : #563c34 : -4
16 : #563d34 : -3
17 : #563d34 : -2
18 : #563e34 : -1
19 : #563f34 : ±0
20 : #563f34 : +1
21 : #564034 : +2
22 : #564034 : +3
23 : #564134 : +4
24 : #564134 : +5
25 : #564234 : +6
26 : #564334 : +7
27 : #564334 : +8
28 : #564434 : +9
29 : #564434 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464544 : -24
3 : #474443 : -22
5 : #484441 : -20
7 : #4a4340 : -18
9 : #4b433f : -16
11 : #4c423d : -14
13 : #4e423c : -12
15 : #4f413b : -10
17 : #514139 : -8
19 : #524038 : -6
21 : #534036 : -4
23 : #553f35 : -2
25 : #563f34 : ±0
27 : #573e32 : +2
29 : #593e31 : +4
31 : #5a3d30 : +6
33 : #5c3d2e : +8
35 : #5d3c2d : +10
37 : #5e3c2b : +12
39 : #603b2a : +14
41 : #613a29 : +16
43 : #623a27 : +18
45 : #643926 : +20
47 : #653924 : +22
49 : #673823 : +24
51 : #683822 : +26
53 : #693720 : +28
55 : #6b371f : +30
57 : #6c361e : +32
59 : #6d361c : +34
61 : #6f351b : +36
63 : #703519 : +38
65 : #723418 : +40
67 : #733417 : +42
69 : #743315 : +44
71 : #763314 : +46
73 : #773213 : +48
75 : #783211 : +50
77 : #7a3110 : +52
79 : #7b310e : +54
81 : #7d300d : +56
83 : #7e300c : +58
85 : #7f2f0a : +60
87 : #812f09 : +62
89 : #822e08 : +64
91 : #842e06 : +66
93 : #852d05 : +68
95 : #862d03 : +70
97 : #882c02 : +72
99 : #892c01 : +74
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -26
3 : #0a0706 : -24
5 : #100c0a : -22
7 : #16100d : -20
9 : #1d1511 : -18
11 : #231915 : -16
13 : #291e19 : -14
15 : #30231d : -12
17 : #362721 : -10
19 : #3d2c24 : -8
21 : #433128 : -6
23 : #49352c : -4
25 : #503a30 : -2
27 : #563f34 : ±0
29 : #5c4337 : +2
31 : #63483b : +4
33 : #694c3f : +6
35 : #705143 : +8
37 : #765647 : +10
39 : #7c5a4b : +12
41 : #835f4e : +14
43 : #896452 : +16
45 : #8f6856 : +18
47 : #966d5a : +20
49 : #9c715e : +22
51 : #a17763 : +24
53 : #a57c69 : +26
55 : #a98270 : +28
57 : #ad8776 : +30
59 : #b18d7c : +32
61 : #b49283 : +34
63 : #b89889 : +36
65 : #bc9e8f : +38
67 : #c0a396 : +40
69 : #c4a99c : +42
71 : #c8aea3 : +44
73 : #cbb4a9 : +46
75 : #cfb9af : +48
77 : #d3bfb6 : +50
79 : #d7c5bc : +52
81 : #dbcac2 : +54
83 : #ded0c9 : +56
85 : #e2d5cf : +58
87 : #e6dbd6 : +60
89 : #eae0dc : +62
91 : #eee6e2 : +64
93 : #f2ece9 : +66
95 : #f5f1ef : +68
97 : #f9f7f5 : +70
99 : #fdfcfc : +72
CSS入門、作ってます。
text-shadow