#877f4f
RGB ( 赤 = 135, 緑 = 127, 青 = 79 )
HSL ( 色相 = 51°, 彩度 = 26%, 明度 = 42% )
H : 色相 ( 51° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #87504f : -50
11 : #87594f : -40
21 : #87634f : -30
31 : #876c4f : -20
41 : #87754f : -10
51 : #877f4f : ±0
61 : #86874f : +10
71 : #7d874f : +20
81 : #73874f : +30
91 : #6a874f : +40
101 : #61874f : +50
111 : #58874f : +60
121 : #4f8750 : +70
131 : #4f8759 : +80
141 : #4f8763 : +90
151 : #4f876c : +100
161 : #4f8775 : +110
171 : #4f877f : +120
181 : #4f8687 : +130
191 : #4f7d87 : +140
201 : #4f7387 : +150
211 : #4f6a87 : +160
221 : #4f6187 : +170
231 : #4f5887 : +180
241 : #504f87 : +190
251 : #594f87 : +200
261 : #634f87 : +210
271 : #6c4f87 : +220
281 : #754f87 : +230
291 : #7f4f87 : +240
301 : #874f86 : +250
311 : #874f7d : +260
321 : #874f73 : +270
331 : #874f6a : +280
341 : #874f61 : +290
351 : #874f58 : +300
41 : #87754f : -10
42 : #87764f : -9
43 : #87774f : -8
44 : #87784f : -7
45 : #87794f : -6
46 : #877a4f : -5
47 : #877b4f : -4
48 : #877c4f : -3
49 : #877d4f : -2
50 : #877e4f : -1
51 : #877f4f : ±0
52 : #87804f : +1
53 : #87804f : +2
54 : #87814f : +3
55 : #87824f : +4
56 : #87834f : +5
57 : #87844f : +6
58 : #87854f : +7
59 : #87864f : +8
60 : #87874f : +9
61 : #86874f : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -26
2 : #6d6d69 : -24
4 : #6f6e67 : -22
6 : #727065 : -20
8 : #747163 : -18
10 : #767360 : -16
12 : #78745e : -14
14 : #7a765c : -12
16 : #7c775a : -10
18 : #7e7958 : -8
20 : #817a56 : -6
22 : #837c54 : -4
24 : #857d51 : -2
26 : #877f4f : ±0
28 : #89804d : +2
30 : #8b824b : +4
32 : #8d8349 : +6
34 : #908547 : +8
36 : #928645 : +10
38 : #948842 : +12
40 : #968940 : +14
42 : #988b3e : +16
44 : #9a8c3c : +18
46 : #9c8e3a : +20
48 : #9f8f38 : +22
50 : #a19136 : +24
52 : #a39233 : +26
54 : #a59431 : +28
56 : #a7952f : +30
58 : #a9972d : +32
60 : #ab982b : +34
62 : #ae9a29 : +36
64 : #b09b27 : +38
66 : #b29d24 : +40
68 : #b49e22 : +42
70 : #b6a020 : +44
72 : #b8a11e : +46
74 : #baa31c : +48
76 : #bca41a : +50
78 : #bfa618 : +52
80 : #c1a715 : +54
82 : #c3a913 : +56
84 : #c5aa11 : +58
86 : #c7ac0f : +60
88 : #c9ad0d : +62
90 : #cbaf0b : +64
92 : #ceb009 : +66
94 : #d0b206 : +68
96 : #d2b304 : +70
98 : #d4b502 : +72
100 : #d6b600 : +74
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #060604 : -40
4 : #0d0c08 : -38
6 : #13120b : -36
8 : #1a180f : -34
10 : #201e13 : -32
12 : #272417 : -30
14 : #2d2a1a : -28
16 : #33301e : -26
18 : #3a3622 : -24
20 : #403c26 : -22
22 : #47422a : -20
24 : #4d482d : -18
26 : #544e31 : -16
28 : #5a5435 : -14
30 : #605a39 : -12
32 : #67603c : -10
34 : #6d6640 : -8
36 : #746d44 : -6
38 : #7a7348 : -4
40 : #81794b : -2
42 : #877f4f : ±0
44 : #8d8553 : +2
46 : #948b57 : +4
48 : #9a915b : +6
50 : #a1975e : +8
52 : #a49b65 : +10
54 : #a89f6b : +12
56 : #aca372 : +14
58 : #b0a778 : +16
60 : #b4ac7e : +18
62 : #b7b085 : +20
64 : #bbb48b : +22
66 : #bfb892 : +24
68 : #c3bc98 : +26
70 : #c6c09f : +28
72 : #cac5a5 : +30
74 : #cec9ab : +32
76 : #d2cdb2 : +34
78 : #d5d1b8 : +36
80 : #d9d5bf : +38
82 : #ddd9c5 : +40
84 : #e1decc : +42
86 : #e5e2d2 : +44
88 : #e8e6d8 : +46
90 : #eceadf : +48
92 : #f0eee5 : +50
94 : #f4f2ec : +52
96 : #f7f7f2 : +54
98 : #fbfbf9 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow