#564038
RGB ( 赤 = 86, 緑 = 64, 青 = 56 )
HSL ( 色相 = 16°, 彩度 = 21%, 明度 = 28% )
H : 色相 ( 16° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #563b38 : -10
16 : #564038 : ±0
26 : #564538 : +10
36 : #564a38 : +20
46 : #564f38 : +30
56 : #565438 : +40
66 : #535638 : +50
76 : #4e5638 : +60
86 : #495638 : +70
96 : #445638 : +80
106 : #3f5638 : +90
116 : #3a5638 : +100
126 : #38563b : +110
136 : #385640 : +120
146 : #385645 : +130
156 : #38564a : +140
166 : #38564f : +150
176 : #385654 : +160
186 : #385356 : +170
196 : #384e56 : +180
206 : #384956 : +190
216 : #384456 : +200
226 : #383f56 : +210
236 : #383a56 : +220
246 : #3b3856 : +230
256 : #403856 : +240
266 : #453856 : +250
276 : #4a3856 : +260
286 : #4f3856 : +270
296 : #543856 : +280
306 : #563853 : +290
316 : #56384e : +300
326 : #563849 : +310
336 : #563844 : +320
346 : #56383f : +330
356 : #56383a : +340
6 : #563b38 : -10
7 : #563c38 : -9
8 : #563c38 : -8
9 : #563d38 : -7
10 : #563d38 : -6
11 : #563e38 : -5
12 : #563e38 : -4
13 : #563f38 : -3
14 : #563f38 : -2
15 : #564038 : -1
16 : #564038 : ±0
17 : #564138 : +1
18 : #564138 : +2
19 : #564238 : +3
20 : #564238 : +4
21 : #564338 : +5
22 : #564338 : +6
23 : #564438 : +7
24 : #564438 : +8
25 : #564538 : +9
26 : #564538 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484747 : -20
3 : #4a4645 : -18
5 : #4b4644 : -16
7 : #4c4542 : -14
9 : #4e4441 : -12
11 : #4f4440 : -10
13 : #51433e : -8
15 : #52423d : -6
17 : #54423b : -4
19 : #55413a : -2
21 : #564038 : ±0
23 : #584037 : +2
25 : #593f36 : +4
27 : #5b3e34 : +6
29 : #5c3e33 : +8
31 : #5e3d31 : +10
33 : #5f3c30 : +12
35 : #603c2e : +14
37 : #623b2d : +16
39 : #633a2c : +18
41 : #653a2a : +20
43 : #663929 : +22
45 : #683827 : +24
47 : #693826 : +26
49 : #6a3724 : +28
51 : #6c3623 : +30
53 : #6d3622 : +32
55 : #6f3520 : +34
57 : #70341f : +36
59 : #72341d : +38
61 : #73331c : +40
63 : #74321a : +42
65 : #763219 : +44
67 : #773118 : +46
69 : #793016 : +48
71 : #7a3015 : +50
73 : #7c2f13 : +52
75 : #7d2e12 : +54
77 : #7e2e10 : +56
79 : #802d0f : +58
81 : #812c0e : +60
83 : #832c0c : +62
85 : #842b0b : +64
87 : #862a09 : +66
89 : #872a08 : +68
91 : #882906 : +70
93 : #8a2805 : +72
95 : #8b2804 : +74
97 : #8d2702 : +76
99 : #8e2601 : +78
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #060504 : -26
4 : #0c0908 : -24
6 : #130e0c : -22
8 : #191210 : -20
10 : #1f1714 : -18
12 : #251c18 : -16
14 : #2b201c : -14
16 : #312520 : -12
18 : #382924 : -10
20 : #3e2e28 : -8
22 : #44332c : -6
24 : #4a3730 : -4
26 : #503c34 : -2
28 : #564038 : ±0
30 : #5d453c : +2
32 : #634a40 : +4
34 : #694e44 : +6
36 : #6f5349 : +8
38 : #75574d : +10
40 : #7b5c51 : +12
42 : #826155 : +14
44 : #886559 : +16
46 : #8e6a5d : +18
48 : #946e61 : +20
50 : #9a7365 : +22
52 : #9e796b : +24
54 : #a27e71 : +26
56 : #a68477 : +28
58 : #aa897d : +30
60 : #ae8f84 : +32
62 : #b2958a : +34
64 : #b69a90 : +36
66 : #bba096 : +38
68 : #bfa59c : +40
70 : #c3aba2 : +42
72 : #c7b1a9 : +44
74 : #cbb6af : +46
76 : #cfbcb5 : +48
78 : #d3c1bb : +50
80 : #d7c7c1 : +52
82 : #dbcdc7 : +54
84 : #dfd2ce : +56
86 : #e3d8d4 : +58
88 : #e7ddda : +60
90 : #ebe3e0 : +62
92 : #efe9e6 : +64
94 : #f3eeec : +66
96 : #f7f4f3 : +68
98 : #fbf9f9 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow