#563524
RGB ( 赤 = 86, 緑 = 53, 青 = 36 )
HSL ( 色相 = 20°, 彩度 = 41%, 明度 = 24% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #562424 : -20
10 : #562c24 : -10
20 : #563524 : ±0
30 : #563d24 : +10
40 : #564624 : +20
50 : #564e24 : +30
60 : #565624 : +40
70 : #4e5624 : +50
80 : #465624 : +60
90 : #3d5624 : +70
100 : #355624 : +80
110 : #2c5624 : +90
120 : #245624 : +100
130 : #24562c : +110
140 : #245635 : +120
150 : #24563d : +130
160 : #245646 : +140
170 : #24564e : +150
180 : #245656 : +160
190 : #244e56 : +170
200 : #244656 : +180
210 : #243d56 : +190
220 : #243556 : +200
230 : #242c56 : +210
240 : #242456 : +220
250 : #2c2456 : +230
260 : #352456 : +240
270 : #3d2456 : +250
280 : #462456 : +260
290 : #4e2456 : +270
300 : #562456 : +280
310 : #56244e : +290
320 : #562446 : +300
330 : #56243d : +310
340 : #562435 : +320
350 : #56242c : +330
10 : #562c24 : -10
11 : #562d24 : -9
12 : #562e24 : -8
13 : #562f24 : -7
14 : #563024 : -6
15 : #563124 : -5
16 : #563124 : -4
17 : #563224 : -3
18 : #563324 : -2
19 : #563424 : -1
20 : #563524 : ±0
21 : #563624 : +1
22 : #563724 : +2
23 : #563724 : +3
24 : #563824 : +4
25 : #563924 : +5
26 : #563a24 : +6
27 : #563b24 : +7
28 : #563c24 : +8
29 : #563c24 : +9
30 : #563d24 : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3e3d3d : -40
3 : #3f3d3b : -38
5 : #403c3a : -36
7 : #413c39 : -34
9 : #433b38 : -32
11 : #443b36 : -30
13 : #453b35 : -28
15 : #463a34 : -26
17 : #483a33 : -24
19 : #493932 : -22
21 : #4a3930 : -20
23 : #4b392f : -18
25 : #4d382e : -16
27 : #4e382d : -14
29 : #4f372b : -12
31 : #50372a : -10
33 : #513629 : -8
35 : #533628 : -6
37 : #543627 : -4
39 : #553525 : -2
41 : #563524 : ±0
43 : #583423 : +2
45 : #593422 : +4
47 : #5a3420 : +6
49 : #5b331f : +8
51 : #5c331e : +10
53 : #5e321d : +12
55 : #5f321c : +14
57 : #60321a : +16
59 : #613119 : +18
61 : #633118 : +20
63 : #643017 : +22
65 : #653015 : +24
67 : #663014 : +26
69 : #672f13 : +28
71 : #692f12 : +30
73 : #6a2e11 : +32
75 : #6b2e0f : +34
77 : #6c2d0e : +36
79 : #6e2d0d : +38
81 : #6f2d0c : +40
83 : #702c0a : +42
85 : #712c09 : +44
87 : #722b08 : +46
89 : #742b07 : +48
91 : #752b06 : +50
93 : #762a04 : +52
95 : #772a03 : +54
97 : #792902 : +56
99 : #7a2901 : +58
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #070403 : -22
4 : #0e0906 : -20
6 : #160d09 : -18
8 : #1d120c : -16
10 : #24160f : -14
12 : #2b1a12 : -12
14 : #321f15 : -10
16 : #3a2318 : -8
18 : #41281b : -6
20 : #482c1e : -4
22 : #4f3021 : -2
24 : #563524 : ±0
26 : #5d3927 : +2
28 : #653e2a : +4
30 : #6c422d : +6
32 : #734630 : +8
34 : #7a4b33 : +10
36 : #814f36 : +12
38 : #895439 : +14
40 : #90583c : +16
42 : #975c3f : +18
44 : #9e6142 : +20
46 : #a56545 : +22
48 : #ad6a48 : +24
50 : #b46e4b : +26
52 : #b77452 : +28
54 : #ba7a5a : +30
56 : #bd7f61 : +32
58 : #c08568 : +34
60 : #c38b6f : +36
62 : #c69176 : +38
64 : #c9977e : +40
66 : #cc9c85 : +42
68 : #cfa28c : +44
70 : #d2a893 : +46
72 : #d5ae9a : +48
74 : #d8b4a2 : +50
76 : #dbb9a9 : +52
78 : #debfb0 : +54
80 : #e1c5b7 : +56
82 : #e4cbbe : +58
84 : #e7d1c5 : +60
86 : #ead6cd : +62
88 : #eddcd4 : +64
90 : #f0e2db : +66
92 : #f3e8e2 : +68
94 : #f6eee9 : +70
96 : #f9f3f1 : +72
98 : #fcf9f8 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow