#9e6177
RGB ( 赤 = 158, 緑 = 97, 青 = 119 )
HSL ( 色相 = 338°, 彩度 = 24%, 明度 = 50% )
H : 色相 ( 338° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #9e6961 : -330
18 : #9e7361 : -320
28 : #9e7d61 : -310
38 : #9e8861 : -300
48 : #9e9261 : -290
58 : #9e9c61 : -280
68 : #969e61 : -270
78 : #8c9e61 : -260
88 : #829e61 : -250
98 : #779e61 : -240
108 : #6d9e61 : -230
118 : #639e61 : -220
128 : #619e69 : -210
138 : #619e73 : -200
148 : #619e7d : -190
158 : #619e88 : -180
168 : #619e92 : -170
178 : #619e9c : -160
188 : #61969e : -150
198 : #618c9e : -140
208 : #61829e : -130
218 : #61779e : -120
228 : #616d9e : -110
238 : #61639e : -100
248 : #69619e : -90
258 : #73619e : -80
268 : #7d619e : -70
278 : #88619e : -60
288 : #92619e : -50
298 : #9c619e : -40
308 : #9e6196 : -30
318 : #9e618c : -20
328 : #9e6182 : -10
338 : #9e6177 : ±0
348 : #9e616d : +10
358 : #9e6163 : +20
328 : #9e6182 : -10
329 : #9e6181 : -9
330 : #9e6180 : -8
331 : #9e617e : -7
332 : #9e617d : -6
333 : #9e617c : -5
334 : #9e617b : -4
335 : #9e617a : -3
336 : #9e6179 : -2
337 : #9e6178 : -1
338 : #9e6177 : ±0
339 : #9e6176 : +1
340 : #9e6175 : +2
341 : #9e6174 : +3
342 : #9e6173 : +4
343 : #9e6172 : +5
344 : #9e6171 : +6
345 : #9e6170 : +7
346 : #9e616f : +8
347 : #9e616e : +9
348 : #9e616d : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -24
2 : #827d7f : -22
4 : #857a7e : -20
6 : #87787d : -18
8 : #8a757d : -16
10 : #8c737c : -14
12 : #8f707b : -12
14 : #916e7b : -10
16 : #946b7a : -8
18 : #966979 : -6
20 : #996679 : -4
22 : #9c6378 : -2
24 : #9e6177 : ±0
26 : #a15e77 : +2
28 : #a35c76 : +4
30 : #a65975 : +6
32 : #a85775 : +8
34 : #ab5474 : +10
36 : #ad5273 : +12
38 : #b04f73 : +14
40 : #b34d72 : +16
42 : #b54a71 : +18
44 : #b84771 : +20
46 : #ba4570 : +22
48 : #bd426f : +24
50 : #bf406f : +26
52 : #c23d6e : +28
54 : #c43b6d : +30
56 : #c7386c : +32
58 : #c9366c : +34
60 : #cc336b : +36
62 : #cf306a : +38
64 : #d12e6a : +40
66 : #d42b69 : +42
68 : #d62968 : +44
70 : #d92668 : +46
72 : #db2467 : +48
74 : #de2166 : +50
76 : #e01f66 : +52
78 : #e31c65 : +54
80 : #e61a64 : +56
82 : #e81764 : +58
84 : #eb1463 : +60
86 : #ed1262 : +62
88 : #f00f62 : +64
90 : #f20d61 : +66
92 : #f50a60 : +68
94 : #f70860 : +70
96 : #fa055f : +72
98 : #fc035e : +74
100 : #ff005e : +76
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #060405 : -48
4 : #0d080a : -46
6 : #130c0e : -44
8 : #191013 : -42
10 : #201318 : -40
12 : #26171d : -38
14 : #2c1b21 : -36
16 : #331f26 : -34
18 : #39232b : -32
20 : #3f2730 : -30
22 : #462b35 : -28
24 : #4c2f39 : -26
26 : #52323e : -24
28 : #593643 : -22
30 : #5f3a48 : -20
32 : #653e4c : -18
34 : #6c4251 : -16
36 : #724656 : -14
38 : #784a5b : -12
40 : #7e4e5f : -10
42 : #855164 : -8
44 : #8b5569 : -6
46 : #91596e : -4
48 : #985d73 : -2
50 : #9e6177 : ±0
52 : #a2677d : +2
54 : #a66e82 : +4
56 : #aa7488 : +6
58 : #ae7a8d : +8
60 : #b18192 : +10
62 : #b58798 : +12
64 : #b98d9d : +14
66 : #bd93a3 : +16
68 : #c19aa8 : +18
70 : #c5a0ae : +20
72 : #c9a6b3 : +22
74 : #cdadb8 : +24
76 : #d0b3be : +26
78 : #d4b9c3 : +28
80 : #d8c0c9 : +30
82 : #dcc6ce : +32
84 : #e0ccd4 : +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