#9e7657
RGB ( 赤 = 158, 緑 = 118, 青 = 87 )
HSL ( 色相 = 26°, 彩度 = 29%, 明度 = 48% )
H : 色相 ( 26° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #9e5e57 : -20
16 : #9e6a57 : -10
26 : #9e7657 : ±0
36 : #9e8157 : +10
46 : #9e8d57 : +20
56 : #9e9957 : +30
66 : #979e57 : +40
76 : #8b9e57 : +50
86 : #7f9e57 : +60
96 : #739e57 : +70
106 : #679e57 : +80
116 : #5c9e57 : +90
126 : #579e5e : +100
136 : #579e6a : +110
146 : #579e76 : +120
156 : #579e81 : +130
166 : #579e8d : +140
176 : #579e99 : +150
186 : #57979e : +160
196 : #578b9e : +170
206 : #577f9e : +180
216 : #57739e : +190
226 : #57679e : +200
236 : #575c9e : +210
246 : #5e579e : +220
256 : #6a579e : +230
266 : #76579e : +240
276 : #81579e : +250
286 : #8d579e : +260
296 : #99579e : +270
306 : #9e5797 : +280
316 : #9e578b : +290
326 : #9e577f : +300
336 : #9e5773 : +310
346 : #9e5767 : +320
356 : #9e575c : +330
16 : #9e6a57 : -10
17 : #9e6b57 : -9
18 : #9e6c57 : -8
19 : #9e6d57 : -7
20 : #9e6f57 : -6
21 : #9e7057 : -5
22 : #9e7157 : -4
23 : #9e7257 : -3
24 : #9e7357 : -2
25 : #9e7457 : -1
26 : #9e7657 : ±0
27 : #9e7757 : +1
28 : #9e7857 : +2
29 : #9e7957 : +3
30 : #9e7a57 : +4
31 : #9e7c57 : +5
32 : #9e7d57 : +6
33 : #9e7e57 : +7
34 : #9e7f57 : +8
35 : #9e8057 : +9
36 : #9e8157 : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c7a79 : -28
3 : #7e7a77 : -26
5 : #817a74 : -24
7 : #837972 : -22
9 : #85796f : -20
11 : #88796d : -18
13 : #8a786a : -16
15 : #8d7868 : -14
17 : #8f7866 : -12
19 : #927763 : -10
21 : #947761 : -8
23 : #97775e : -6
25 : #99765c : -4
27 : #9b7659 : -2
29 : #9e7657 : ±0
31 : #a07554 : +2
33 : #a37552 : +4
35 : #a57550 : +6
37 : #a8744d : +8
39 : #aa744b : +10
41 : #ad7448 : +12
43 : #af7346 : +14
45 : #b17343 : +16
47 : #b47341 : +18
49 : #b6723e : +20
51 : #b9723c : +22
53 : #bb723a : +24
55 : #be7137 : +26
57 : #c07135 : +28
59 : #c37132 : +30
61 : #c57030 : +32
63 : #c8702d : +34
65 : #ca702b : +36
67 : #cc6f28 : +38
69 : #cf6f26 : +40
71 : #d16f23 : +42
73 : #d46e21 : +44
75 : #d66e1f : +46
77 : #d96e1c : +48
79 : #db6e1a : +50
81 : #de6d17 : +52
83 : #e06d15 : +54
85 : #e26d12 : +56
87 : #e56c10 : +58
89 : #e76c0d : +60
91 : #ea6c0b : +62
93 : #ec6b09 : +64
95 : #ef6b06 : +66
97 : #f16b04 : +68
99 : #f46a01 : +70
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #070504 : -46
4 : #0d0a07 : -44
6 : #140f0b : -42
8 : #1a140e : -40
10 : #211912 : -38
12 : #271d16 : -36
14 : #2e2219 : -34
16 : #35271d : -32
18 : #3b2c21 : -30
20 : #423124 : -28
22 : #483628 : -26
24 : #4f3b2b : -24
26 : #56402f : -22
28 : #5c4533 : -20
30 : #634a36 : -18
32 : #694e3a : -16
34 : #70533e : -14
36 : #765841 : -12
38 : #7d5d45 : -10
40 : #846248 : -8
42 : #8a674c : -6
44 : #916c50 : -4
46 : #977153 : -2
48 : #9e7657 : ±0
50 : #a47b5b : +2
52 : #a88061 : +4
54 : #ac8568 : +6
56 : #af8a6e : +8
58 : #b39075 : +10
60 : #b7957b : +12
62 : #ba9a82 : +14
64 : #bea089 : +16
66 : #c1a58f : +18
68 : #c5aa96 : +20
70 : #c9b09c : +22
72 : #ccb5a3 : +24
74 : #d0baa9 : +26
76 : #d4bfb0 : +28
78 : #d7c5b7 : +30
80 : #dbcabd : +32
82 : #decfc4 : +34
84 : #e2d5ca : +36
86 : #e6dad1 : +38
88 : #e9dfd8 : +40
90 : #ede5de : +42
92 : #f1eae5 : +44
94 : #f4efeb : +46
96 : #f8f4f2 : +48
98 : #fbfaf8 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow