#9f8996
RGB ( 赤 = 159, 緑 = 137, 青 = 150 )
HSL ( 色相 = 325°, 彩度 = 10%, 明度 = 58% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #9f8b89 : -320
15 : #9f8f89 : -310
25 : #9f9289 : -300
35 : #9f9689 : -290
45 : #9f9989 : -280
55 : #9f9d89 : -270
65 : #9d9f89 : -260
75 : #999f89 : -250
85 : #969f89 : -240
95 : #929f89 : -230
105 : #8f9f89 : -220
115 : #8b9f89 : -210
125 : #899f8b : -200
135 : #899f8f : -190
145 : #899f92 : -180
155 : #899f96 : -170
165 : #899f99 : -160
175 : #899f9d : -150
185 : #899d9f : -140
195 : #89999f : -130
205 : #89969f : -120
215 : #89929f : -110
225 : #898f9f : -100
235 : #898b9f : -90
245 : #8b899f : -80
255 : #8f899f : -70
265 : #92899f : -60
275 : #96899f : -50
285 : #99899f : -40
295 : #9d899f : -30
305 : #9f899d : -20
315 : #9f8999 : -10
325 : #9f8996 : ±0
335 : #9f8992 : +10
345 : #9f898f : +20
355 : #9f898b : +30
315 : #9f8999 : -10
316 : #9f8999 : -9
317 : #9f8999 : -8
318 : #9f8998 : -7
319 : #9f8998 : -6
320 : #9f8997 : -5
321 : #9f8997 : -4
322 : #9f8997 : -3
323 : #9f8996 : -2
324 : #9f8996 : -1
325 : #9f8996 : ±0
326 : #9f8995 : +1
327 : #9f8995 : +2
328 : #9f8995 : +3
329 : #9f8994 : +4
330 : #9f8994 : +5
331 : #9f8994 : +6
332 : #9f8993 : +7
333 : #9f8993 : +8
334 : #9f8992 : +9
335 : #9f8992 : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -10
2 : #969294 : -8
4 : #989095 : -6
6 : #9a8d95 : -4
8 : #9c8b95 : -2
10 : #9f8996 : ±0
12 : #a18796 : +2
14 : #a38596 : +4
16 : #a58397 : +6
18 : #a78197 : +8
20 : #a97e97 : +10
22 : #ab7c98 : +12
24 : #ae7a98 : +14
26 : #b07899 : +16
28 : #b27699 : +18
30 : #b47499 : +20
32 : #b6729a : +22
34 : #b86f9a : +24
36 : #ba6d9a : +26
38 : #bd6b9b : +28
40 : #bf699b : +30
42 : #c1679b : +32
44 : #c3659c : +34
46 : #c5639c : +36
48 : #c7609c : +38
50 : #c95e9d : +40
52 : #cc5c9d : +42
54 : #ce5a9e : +44
56 : #d0589e : +46
58 : #d2569e : +48
60 : #d4549f : +50
62 : #d6519f : +52
64 : #d84f9f : +54
66 : #db4da0 : +56
68 : #dd4ba0 : +58
70 : #df49a0 : +60
72 : #e147a1 : +62
74 : #e345a1 : +64
76 : #e543a1 : +66
78 : #e740a2 : +68
80 : #ea3ea2 : +70
82 : #ec3ca3 : +72
84 : #ee3aa3 : +74
86 : #f038a3 : +76
88 : #f236a4 : +78
90 : #f434a4 : +80
92 : #f631a4 : +82
94 : #f92fa5 : +84
96 : #fb2da5 : +86
98 : #fd2ba5 : +88
100 : #ff29a6 : +90
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #060505 : -56
4 : #0b090a : -54
6 : #110e10 : -52
8 : #161215 : -50
10 : #1c171a : -48
12 : #221c1f : -46
14 : #272024 : -44
16 : #2d2529 : -42
18 : #32292f : -40
20 : #382e34 : -38
22 : #3e3239 : -36
24 : #43373e : -34
26 : #493c43 : -32
28 : #4f4049 : -30
30 : #54454e : -28
32 : #5a4953 : -26
34 : #5f4e58 : -24
36 : #65535d : -22
38 : #6b5763 : -20
40 : #705c68 : -18
42 : #76606d : -16
44 : #7b6572 : -14
46 : #816a77 : -12
48 : #876e7c : -10
50 : #8c7382 : -8
52 : #917887 : -6
54 : #957e8c : -4
56 : #9a8491 : -2
58 : #9f8996 : ±0
60 : #a38f9b : +2
62 : #a894a0 : +4
64 : #ac9aa5 : +6
66 : #b1a0aa : +8
68 : #b6a5af : +10
70 : #baabb4 : +12
72 : #bfb0b9 : +14
74 : #c3b6be : +16
76 : #c8bcc3 : +18
78 : #cdc1c8 : +20
80 : #d1c7cd : +22
82 : #d6cdd2 : +24
84 : #dad2d7 : +26
86 : #dfd8dc : +28
88 : #e3dde1 : +30
90 : #e8e3e6 : +32
92 : #ede9eb : +34
94 : #f1eef0 : +36
96 : #f6f4f5 : +38
98 : #faf9fa : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow