#9e7661
RGB ( 赤 = 158, 緑 = 118, 青 = 97 )
HSL ( 色相 = 21°, 彩度 = 24%, 明度 = 50% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #9e6261 : -20
11 : #9e6c61 : -10
21 : #9e7661 : ±0
31 : #9e8161 : +10
41 : #9e8b61 : +20
51 : #9e9561 : +30
61 : #9d9e61 : +40
71 : #939e61 : +50
81 : #899e61 : +60
91 : #7e9e61 : +70
101 : #749e61 : +80
111 : #6a9e61 : +90
121 : #619e62 : +100
131 : #619e6c : +110
141 : #619e76 : +120
151 : #619e81 : +130
161 : #619e8b : +140
171 : #619e95 : +150
181 : #619d9e : +160
191 : #61939e : +170
201 : #61899e : +180
211 : #617e9e : +190
221 : #61749e : +200
231 : #616a9e : +210
241 : #62619e : +220
251 : #6c619e : +230
261 : #76619e : +240
271 : #81619e : +250
281 : #8b619e : +260
291 : #95619e : +270
301 : #9e619d : +280
311 : #9e6193 : +290
321 : #9e6189 : +300
331 : #9e617e : +310
341 : #9e6174 : +320
351 : #9e616a : +330
11 : #9e6c61 : -10
12 : #9e6d61 : -9
13 : #9e6e61 : -8
14 : #9e6f61 : -7
15 : #9e7061 : -6
16 : #9e7161 : -5
17 : #9e7261 : -4
18 : #9e7361 : -3
19 : #9e7461 : -2
20 : #9e7561 : -1
21 : #9e7661 : ±0
22 : #9e7761 : +1
23 : #9e7861 : +2
24 : #9e7961 : +3
25 : #9e7a61 : +4
26 : #9e7b61 : +5
27 : #9e7c61 : +6
28 : #9e7d61 : +7
29 : #9e7e61 : +8
30 : #9e8061 : +9
31 : #9e8161 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -24
2 : #827f7d : -22
4 : #857e7a : -20
6 : #877d78 : -18
8 : #8a7c75 : -16
10 : #8c7c73 : -14
12 : #8f7b70 : -12
14 : #917a6e : -10
16 : #94796b : -8
18 : #967969 : -6
20 : #997866 : -4
22 : #9c7763 : -2
24 : #9e7661 : ±0
26 : #a1765e : +2
28 : #a3755c : +4
30 : #a67459 : +6
32 : #a87357 : +8
34 : #ab7254 : +10
36 : #ad7252 : +12
38 : #b0714f : +14
40 : #b3704d : +16
42 : #b56f4a : +18
44 : #b86f47 : +20
46 : #ba6e45 : +22
48 : #bd6d42 : +24
50 : #bf6c40 : +26
52 : #c26c3d : +28
54 : #c46b3b : +30
56 : #c76a38 : +32
58 : #c96936 : +34
60 : #cc6933 : +36
62 : #cf6830 : +38
64 : #d1672e : +40
66 : #d4662b : +42
68 : #d66529 : +44
70 : #d96526 : +46
72 : #db6424 : +48
74 : #de6321 : +50
76 : #e0621f : +52
78 : #e3621c : +54
80 : #e6611a : +56
82 : #e86017 : +58
84 : #eb5f14 : +60
86 : #ed5f12 : +62
88 : #f05e0f : +64
90 : #f25d0d : +66
92 : #f55c0a : +68
94 : #f75c08 : +70
96 : #fa5b05 : +72
98 : #fc5a03 : +74
100 : #ff5900 : +76
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #060504 : -48
4 : #0d0908 : -46
6 : #130e0c : -44
8 : #191310 : -42
10 : #201813 : -40
12 : #261c17 : -38
14 : #2c211b : -36
16 : #33261f : -34
18 : #392b23 : -32
20 : #3f2f27 : -30
22 : #46342b : -28
24 : #4c392f : -26
26 : #523e32 : -24
28 : #594236 : -22
30 : #5f473a : -20
32 : #654c3e : -18
34 : #6c5042 : -16
36 : #725546 : -14
38 : #785a4a : -12
40 : #7e5f4e : -10
42 : #856351 : -8
44 : #8b6855 : -6
46 : #916d59 : -4
48 : #98725d : -2
50 : #9e7661 : ±0
52 : #a27c67 : +2
54 : #a6816e : +4
56 : #aa8774 : +6
58 : #ae8c7a : +8
60 : #b19281 : +10
62 : #b59787 : +12
64 : #b99d8d : +14
66 : #bda293 : +16
68 : #c1a89a : +18
70 : #c5ada0 : +20
72 : #c9b2a6 : +22
74 : #cdb8ad : +24
76 : #d0bdb3 : +26
78 : #d4c3b9 : +28
80 : #d8c8c0 : +30
82 : #dccec6 : +32
84 : #e0d3cc : +34
86 : #e4d9d3 : +36
88 : #e8ded9 : +38
90 : #ece4df : +40
92 : #efe9e6 : +42
94 : #f3efec : +44
96 : #f7f4f2 : +46
98 : #fbfaf9 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow