#9e8361
RGB ( 赤 = 158, 緑 = 131, 青 = 97 )
HSL ( 色相 = 33°, 彩度 = 24%, 明度 = 50% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #9e6461 : -30
13 : #9e6e61 : -20
23 : #9e7861 : -10
33 : #9e8361 : ±0
43 : #9e8d61 : +10
53 : #9e9761 : +20
63 : #9b9e61 : +30
73 : #919e61 : +40
83 : #879e61 : +50
93 : #7c9e61 : +60
103 : #729e61 : +70
113 : #689e61 : +80
123 : #619e64 : +90
133 : #619e6e : +100
143 : #619e78 : +110
153 : #619e83 : +120
163 : #619e8d : +130
173 : #619e97 : +140
183 : #619b9e : +150
193 : #61919e : +160
203 : #61879e : +170
213 : #617c9e : +180
223 : #61729e : +190
233 : #61689e : +200
243 : #64619e : +210
253 : #6e619e : +220
263 : #78619e : +230
273 : #83619e : +240
283 : #8d619e : +250
293 : #97619e : +260
303 : #9e619b : +270
313 : #9e6191 : +280
323 : #9e6187 : +290
333 : #9e617c : +300
343 : #9e6172 : +310
353 : #9e6168 : +320
23 : #9e7861 : -10
24 : #9e7961 : -9
25 : #9e7a61 : -8
26 : #9e7b61 : -7
27 : #9e7c61 : -6
28 : #9e7d61 : -5
29 : #9e7e61 : -4
30 : #9e8061 : -3
31 : #9e8161 : -2
32 : #9e8261 : -1
33 : #9e8361 : ±0
34 : #9e8461 : +1
35 : #9e8561 : +2
36 : #9e8661 : +3
37 : #9e8761 : +4
38 : #9e8861 : +5
39 : #9e8961 : +6
40 : #9e8a61 : +7
41 : #9e8b61 : +8
42 : #9e8c61 : +9
43 : #9e8d61 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -24
2 : #82807d : -22
4 : #85807a : -20
6 : #878078 : -18
8 : #8a8175 : -16
10 : #8c8173 : -14
12 : #8f8170 : -12
14 : #91816e : -10
16 : #94826b : -8
18 : #968269 : -6
20 : #998266 : -4
22 : #9c8263 : -2
24 : #9e8361 : ±0
26 : #a1835e : +2
28 : #a3835c : +4
30 : #a68359 : +6
32 : #a88457 : +8
34 : #ab8454 : +10
36 : #ad8452 : +12
38 : #b0844f : +14
40 : #b3854d : +16
42 : #b5854a : +18
44 : #b88547 : +20
46 : #ba8545 : +22
48 : #bd8642 : +24
50 : #bf8640 : +26
52 : #c2863d : +28
54 : #c4863b : +30
56 : #c78738 : +32
58 : #c98736 : +34
60 : #cc8733 : +36
62 : #cf8730 : +38
64 : #d1882e : +40
66 : #d4882b : +42
68 : #d68829 : +44
70 : #d98826 : +46
72 : #db8924 : +48
74 : #de8921 : +50
76 : #e0891f : +52
78 : #e3891c : +54
80 : #e68a1a : +56
82 : #e88a17 : +58
84 : #eb8a14 : +60
86 : #ed8a12 : +62
88 : #f08b0f : +64
90 : #f28b0d : +66
92 : #f58b0a : +68
94 : #f78b08 : +70
96 : #fa8c05 : +72
98 : #fc8c03 : +74
100 : #ff8c00 : +76
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #060504 : -48
4 : #0d0a08 : -46
6 : #13100c : -44
8 : #191510 : -42
10 : #201a13 : -40
12 : #261f17 : -38
14 : #2c251b : -36
16 : #332a1f : -34
18 : #392f23 : -32
20 : #3f3427 : -30
22 : #46392b : -28
24 : #4c3f2f : -26
26 : #524432 : -24
28 : #594936 : -22
30 : #5f4e3a : -20
32 : #65543e : -18
34 : #6c5942 : -16
36 : #725e46 : -14
38 : #78634a : -12
40 : #7e684e : -10
42 : #856e51 : -8
44 : #8b7355 : -6
46 : #917859 : -4
48 : #987d5d : -2
50 : #9e8361 : ±0
52 : #a28867 : +2
54 : #a68d6e : +4
56 : #aa9174 : +6
58 : #ae967a : +8
60 : #b19b81 : +10
62 : #b5a087 : +12
64 : #b9a58d : +14
66 : #bdaa93 : +16
68 : #c1af9a : +18
70 : #c5b4a0 : +20
72 : #c9b9a6 : +22
74 : #cdbead : +24
76 : #d0c3b3 : +26
78 : #d4c8b9 : +28
80 : #d8cdc0 : +30
82 : #dcd2c6 : +32
84 : #e0d7cc : +34
86 : #e4dcd3 : +36
88 : #e8e1d9 : +38
90 : #ece6df : +40
92 : #efebe6 : +42
94 : #f3f0ec : +44
96 : #f7f5f2 : +46
98 : #fbfaf9 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow