#563f20
RGB ( 赤 = 86, 緑 = 63, 青 = 32 )
HSL ( 色相 = 34°, 彩度 = 46%, 明度 = 23% )
H : 色相 ( 34° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #562320 : -30
14 : #562c20 : -20
24 : #563520 : -10
34 : #563e20 : ±0
44 : #564720 : +10
54 : #565020 : +20
64 : #525620 : +30
74 : #495620 : +40
84 : #405620 : +50
94 : #375620 : +60
104 : #2e5620 : +70
114 : #255620 : +80
124 : #205623 : +90
134 : #20562c : +100
144 : #205635 : +110
154 : #20563e : +120
164 : #205647 : +130
174 : #205650 : +140
184 : #205256 : +150
194 : #204956 : +160
204 : #204056 : +170
214 : #203756 : +180
224 : #202e56 : +190
234 : #202556 : +200
244 : #232056 : +210
254 : #2c2056 : +220
264 : #352056 : +230
274 : #3e2056 : +240
284 : #472056 : +250
294 : #502056 : +260
304 : #562052 : +270
314 : #562049 : +280
324 : #562040 : +290
334 : #562037 : +300
344 : #56202e : +310
354 : #562025 : +320
24 : #563520 : -10
25 : #563620 : -9
26 : #563720 : -8
27 : #563820 : -7
28 : #563920 : -6
29 : #563a20 : -5
30 : #563b20 : -4
31 : #563c20 : -3
32 : #563c20 : -2
33 : #563d20 : -1
34 : #563e20 : ±0
35 : #563f20 : +1
36 : #564020 : +2
37 : #564120 : +3
38 : #564220 : +4
39 : #564320 : +5
40 : #564420 : +6
41 : #564520 : +7
42 : #564520 : +8
43 : #564620 : +9
44 : #564720 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3a3a3a : -46
2 : #3c3b39 : -44
4 : #3d3b38 : -42
6 : #3e3b37 : -40
8 : #3f3b36 : -38
10 : #413b35 : -36
12 : #423c34 : -34
14 : #433c32 : -32
16 : #443c31 : -30
18 : #453c30 : -28
20 : #463c2f : -26
22 : #483c2e : -24
24 : #493d2d : -22
26 : #4a3d2b : -20
28 : #4b3d2a : -18
30 : #4c3d29 : -16
32 : #4d3d28 : -14
34 : #4f3d27 : -12
36 : #503d26 : -10
38 : #513e24 : -8
40 : #523e23 : -6
42 : #533e22 : -4
44 : #543e21 : -2
46 : #563e20 : ±0
48 : #573e1e : +2
50 : #583f1d : +4
52 : #593f1c : +6
54 : #5a3f1b : +8
56 : #5b3f1a : +10
58 : #5d3f19 : +12
60 : #5e3f17 : +14
62 : #5f3f16 : +16
64 : #604015 : +18
66 : #614014 : +20
68 : #634013 : +22
70 : #644012 : +24
72 : #654010 : +26
74 : #66400f : +28
76 : #67410e : +30
78 : #68410d : +32
80 : #6a410c : +34
82 : #6b410b : +36
84 : #6c4109 : +38
86 : #6d4108 : +40
88 : #6e4207 : +42
90 : #6f4206 : +44
92 : #714205 : +46
94 : #724204 : +48
96 : #734202 : +50
98 : #744201 : +52
100 : #754200 : +54
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -22
3 : #0b0804 : -20
5 : #130e07 : -18
7 : #1a130a : -16
9 : #22180c : -14
11 : #291e0f : -12
13 : #302312 : -10
15 : #382915 : -8
17 : #3f2e17 : -6
19 : #47331a : -4
21 : #4e391d : -2
23 : #563e20 : ±0
25 : #5d4422 : +2
27 : #654925 : +4
29 : #6c4e28 : +6
31 : #73542b : +8
33 : #7b592d : +10
35 : #825f30 : +12
37 : #8a6433 : +14
39 : #916a36 : +16
41 : #996f38 : +18
43 : #a0743b : +20
45 : #a87a3e : +22
47 : #af7f41 : +24
49 : #b68543 : +26
51 : #bc8a49 : +28
53 : #be8f50 : +30
55 : #c19357 : +32
57 : #c4985f : +34
59 : #c79d66 : +36
61 : #c9a26e : +38
63 : #cca675 : +40
65 : #cfab7d : +42
67 : #d2b084 : +44
69 : #d4b58c : +46
71 : #d7ba93 : +48
73 : #dabe9a : +50
75 : #ddc3a2 : +52
77 : #dfc8a9 : +54
79 : #e2cdb1 : +56
81 : #e5d2b8 : +58
83 : #e8d6c0 : +60
85 : #eadbc7 : +62
87 : #ede0cf : +64
89 : #f0e5d6 : +66
91 : #f3e9dd : +68
93 : #f5eee5 : +70
95 : #f8f3ec : +72
97 : #fbf8f4 : +74
99 : #fefdfb : +76
CSS入門、作ってます。
text-shadow