#9e6176
RGB ( 赤 = 158, 緑 = 97, 青 = 118 )
HSL ( 色相 = 339°, 彩度 = 24%, 明度 = 50% )
H : 色相 ( 339° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #9e6a61 : -330
19 : #9e7461 : -320
29 : #9e7e61 : -310
39 : #9e8961 : -300
49 : #9e9361 : -290
59 : #9e9d61 : -280
69 : #959e61 : -270
79 : #8b9e61 : -260
89 : #819e61 : -250
99 : #769e61 : -240
109 : #6c9e61 : -230
119 : #629e61 : -220
129 : #619e6a : -210
139 : #619e74 : -200
149 : #619e7e : -190
159 : #619e89 : -180
169 : #619e93 : -170
179 : #619e9d : -160
189 : #61959e : -150
199 : #618b9e : -140
209 : #61819e : -130
219 : #61769e : -120
229 : #616c9e : -110
239 : #61629e : -100
249 : #6a619e : -90
259 : #74619e : -80
269 : #7e619e : -70
279 : #89619e : -60
289 : #93619e : -50
299 : #9d619e : -40
309 : #9e6195 : -30
319 : #9e618b : -20
329 : #9e6181 : -10
339 : #9e6176 : ±0
349 : #9e616c : +10
359 : #9e6162 : +20
329 : #9e6181 : -10
330 : #9e6180 : -9
331 : #9e617e : -8
332 : #9e617d : -7
333 : #9e617c : -6
334 : #9e617b : -5
335 : #9e617a : -4
336 : #9e6179 : -3
337 : #9e6178 : -2
338 : #9e6177 : -1
339 : #9e6176 : ±0
340 : #9e6175 : +1
341 : #9e6174 : +2
342 : #9e6173 : +3
343 : #9e6172 : +4
344 : #9e6171 : +5
345 : #9e6170 : +6
346 : #9e616f : +7
347 : #9e616e : +8
348 : #9e616d : +9
349 : #9e616c : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -24
2 : #827d7f : -22
4 : #857a7e : -20
6 : #87787d : -18
8 : #8a757c : -16
10 : #8c737c : -14
12 : #8f707b : -12
14 : #916e7a : -10
16 : #946b79 : -8
18 : #966979 : -6
20 : #996678 : -4
22 : #9c6377 : -2
24 : #9e6176 : ±0
26 : #a15e76 : +2
28 : #a35c75 : +4
30 : #a65974 : +6
32 : #a85773 : +8
34 : #ab5472 : +10
36 : #ad5272 : +12
38 : #b04f71 : +14
40 : #b34d70 : +16
42 : #b54a6f : +18
44 : #b8476f : +20
46 : #ba456e : +22
48 : #bd426d : +24
50 : #bf406c : +26
52 : #c23d6c : +28
54 : #c43b6b : +30
56 : #c7386a : +32
58 : #c93669 : +34
60 : #cc3369 : +36
62 : #cf3068 : +38
64 : #d12e67 : +40
66 : #d42b66 : +42
68 : #d62965 : +44
70 : #d92665 : +46
72 : #db2464 : +48
74 : #de2163 : +50
76 : #e01f62 : +52
78 : #e31c62 : +54
80 : #e61a61 : +56
82 : #e81760 : +58
84 : #eb145f : +60
86 : #ed125f : +62
88 : #f00f5e : +64
90 : #f20d5d : +66
92 : #f50a5c : +68
94 : #f7085c : +70
96 : #fa055b : +72
98 : #fc035a : +74
100 : #ff0059 : +76
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #060405 : -48
4 : #0d0809 : -46
6 : #130c0e : -44
8 : #191013 : -42
10 : #201318 : -40
12 : #26171c : -38
14 : #2c1b21 : -36
16 : #331f26 : -34
18 : #39232b : -32
20 : #3f272f : -30
22 : #462b34 : -28
24 : #4c2f39 : -26
26 : #52323e : -24
28 : #593642 : -22
30 : #5f3a47 : -20
32 : #653e4c : -18
34 : #6c4250 : -16
36 : #724655 : -14
38 : #784a5a : -12
40 : #7e4e5f : -10
42 : #855163 : -8
44 : #8b5568 : -6
46 : #91596d : -4
48 : #985d72 : -2
50 : #9e6176 : ±0
52 : #a2677c : +2
54 : #a66e81 : +4
56 : #aa7487 : +6
58 : #ae7a8c : +8
60 : #b18192 : +10
62 : #b58797 : +12
64 : #b98d9d : +14
66 : #bd93a2 : +16
68 : #c19aa8 : +18
70 : #c5a0ad : +20
72 : #c9a6b2 : +22
74 : #cdadb8 : +24
76 : #d0b3bd : +26
78 : #d4b9c3 : +28
80 : #d8c0c8 : +30
82 : #dcc6ce : +32
84 : #e0ccd3 : +34
86 : #e4d3d9 : +36
88 : #e8d9de : +38
90 : #ecdfe4 : +40
92 : #efe6e9 : +42
94 : #f3ecef : +44
96 : #f7f2f4 : +46
98 : #fbf9fa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow