#563d34
RGB ( 赤 = 86, 緑 = 61, 青 = 52 )
HSL ( 色相 = 16°, 彩度 = 25%, 明度 = 27% )
H : 色相 ( 16° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #563734 : -10
16 : #563d34 : ±0
26 : #564334 : +10
36 : #564834 : +20
46 : #564e34 : +30
56 : #565434 : +40
66 : #535634 : +50
76 : #4d5634 : +60
86 : #475634 : +70
96 : #415634 : +80
106 : #3c5634 : +90
116 : #365634 : +100
126 : #345637 : +110
136 : #34563d : +120
146 : #345643 : +130
156 : #345648 : +140
166 : #34564e : +150
176 : #345654 : +160
186 : #345356 : +170
196 : #344d56 : +180
206 : #344756 : +190
216 : #344156 : +200
226 : #343c56 : +210
236 : #343656 : +220
246 : #373456 : +230
256 : #3d3456 : +240
266 : #433456 : +250
276 : #483456 : +260
286 : #4e3456 : +270
296 : #543456 : +280
306 : #563453 : +290
316 : #56344d : +300
326 : #563447 : +310
336 : #563441 : +320
346 : #56343c : +330
356 : #563436 : +340
6 : #563734 : -10
7 : #563834 : -9
8 : #563834 : -8
9 : #563934 : -7
10 : #563934 : -6
11 : #563a34 : -5
12 : #563b34 : -4
13 : #563b34 : -3
14 : #563c34 : -2
15 : #563c34 : -1
16 : #563d34 : ±0
17 : #563d34 : +1
18 : #563e34 : +2
19 : #563f34 : +3
20 : #563f34 : +4
21 : #564034 : +5
22 : #564034 : +6
23 : #564134 : +7
24 : #564134 : +8
25 : #564234 : +9
26 : #564334 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464544 : -24
3 : #474443 : -22
5 : #484341 : -20
7 : #4a4340 : -18
9 : #4b423f : -16
11 : #4c413d : -14
13 : #4e413c : -12
15 : #4f403b : -10
17 : #513f39 : -8
19 : #523f38 : -6
21 : #533e36 : -4
23 : #553d35 : -2
25 : #563d34 : ±0
27 : #573c32 : +2
29 : #593c31 : +4
31 : #5a3b30 : +6
33 : #5c3a2e : +8
35 : #5d3a2d : +10
37 : #5e392b : +12
39 : #60382a : +14
41 : #613829 : +16
43 : #623727 : +18
45 : #643626 : +20
47 : #653624 : +22
49 : #673523 : +24
51 : #683422 : +26
53 : #693420 : +28
55 : #6b331f : +30
57 : #6c331e : +32
59 : #6d321c : +34
61 : #6f311b : +36
63 : #703119 : +38
65 : #723018 : +40
67 : #732f17 : +42
69 : #742f15 : +44
71 : #762e14 : +46
73 : #772d13 : +48
75 : #782d11 : +50
77 : #7a2c10 : +52
79 : #7b2b0e : +54
81 : #7d2b0d : +56
83 : #7e2a0c : +58
85 : #7f2a0a : +60
87 : #812909 : +62
89 : #822808 : +64
91 : #842806 : +66
93 : #852705 : +68
95 : #862603 : +70
97 : #882602 : +72
99 : #892501 : +74
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -26
3 : #0a0706 : -24
5 : #100b0a : -22
7 : #16100d : -20
9 : #1d1411 : -18
11 : #231915 : -16
13 : #291d19 : -14
15 : #30221d : -12
17 : #362621 : -10
19 : #3d2b24 : -8
21 : #432f28 : -6
23 : #49342c : -4
25 : #503830 : -2
27 : #563d34 : ±0
29 : #5c4137 : +2
31 : #63463b : +4
33 : #694a3f : +6
35 : #704f43 : +8
37 : #765347 : +10
39 : #7c584b : +12
41 : #835c4e : +14
43 : #896152 : +16
45 : #8f6556 : +18
47 : #966a5a : +20
49 : #9c6e5e : +22
51 : #a17363 : +24
53 : #a57969 : +26
55 : #a97f70 : +28
57 : #ad8576 : +30
59 : #b18a7c : +32
61 : #b49083 : +34
63 : #b89689 : +36
65 : #bc9b8f : +38
67 : #c0a196 : +40
69 : #c4a79c : +42
71 : #c8aca3 : +44
73 : #cbb2a9 : +46
75 : #cfb8af : +48
77 : #d3beb6 : +50
79 : #d7c3bc : +52
81 : #dbc9c2 : +54
83 : #decfc9 : +56
85 : #e2d4cf : +58
87 : #e6dad6 : +60
89 : #eae0dc : +62
91 : #eee5e2 : +64
93 : #f2ebe9 : +66
95 : #f5f1ef : +68
97 : #f9f6f5 : +70
99 : #fdfcfc : +72
CSS入門、作ってます。
text-shadow