#9f6589
RGB ( 赤 = 159, 緑 = 101, 青 = 137 )
HSL ( 色相 = 323°, 彩度 = 23%, 明度 = 51% )
H : 色相 ( 323° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #9f6865 : -320
13 : #9f7265 : -310
23 : #9f7b65 : -300
33 : #9f8565 : -290
43 : #9f8f65 : -280
53 : #9f9865 : -270
63 : #9c9f65 : -260
73 : #929f65 : -250
83 : #899f65 : -240
93 : #7f9f65 : -230
103 : #769f65 : -220
113 : #6c9f65 : -210
123 : #659f68 : -200
133 : #659f72 : -190
143 : #659f7b : -180
153 : #659f85 : -170
163 : #659f8f : -160
173 : #659f98 : -150
183 : #659c9f : -140
193 : #65929f : -130
203 : #65899f : -120
213 : #657f9f : -110
223 : #65769f : -100
233 : #656c9f : -90
243 : #68659f : -80
253 : #72659f : -70
263 : #7b659f : -60
273 : #85659f : -50
283 : #8f659f : -40
293 : #98659f : -30
303 : #9f659c : -20
313 : #9f6592 : -10
323 : #9f6589 : ±0
333 : #9f657f : +10
343 : #9f6576 : +20
353 : #9f656c : +30
313 : #9f6592 : -10
314 : #9f6591 : -9
315 : #9f6590 : -8
316 : #9f658f : -7
317 : #9f658f : -6
318 : #9f658e : -5
319 : #9f658d : -4
320 : #9f658c : -3
321 : #9f658b : -2
322 : #9f658a : -1
323 : #9f6589 : ±0
324 : #9f6588 : +1
325 : #9f6587 : +2
326 : #9f6586 : +3
327 : #9f6585 : +4
328 : #9f6584 : +5
329 : #9f6583 : +6
330 : #9f6582 : +7
331 : #9f6581 : +8
332 : #9f6580 : +9
333 : #9f657f : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #838182 : -22
3 : #867e83 : -20
5 : #887c84 : -18
7 : #8b7984 : -16
9 : #8d7785 : -14
11 : #907485 : -12
13 : #927286 : -10
15 : #956f86 : -8
17 : #976d87 : -6
19 : #9a6a88 : -4
21 : #9c6888 : -2
23 : #9f6589 : ±0
25 : #a16389 : +2
27 : #a4608a : +4
29 : #a65e8b : +6
31 : #a95b8b : +8
33 : #ab598c : +10
35 : #ae568c : +12
37 : #b0548d : +14
39 : #b3518d : +16
41 : #b54f8e : +18
43 : #b84c8f : +20
45 : #ba4a8f : +22
47 : #bd4790 : +24
49 : #bf4590 : +26
51 : #c24291 : +28
53 : #c44092 : +30
55 : #c73d92 : +32
57 : #c93b93 : +34
59 : #cc3893 : +36
61 : #ce3694 : +38
63 : #d13394 : +40
65 : #d33195 : +42
67 : #d62e96 : +44
69 : #d82c96 : +46
71 : #db2997 : +48
73 : #dd2797 : +50
75 : #e02498 : +52
77 : #e22298 : +54
79 : #e51f99 : +56
81 : #e71d9a : +58
83 : #ea1a9a : +60
85 : #ec189b : +62
87 : #ef159b : +64
89 : #f1139c : +66
91 : #f4109d : +68
93 : #f60e9d : +70
95 : #f90b9e : +72
97 : #fb099e : +74
99 : #fe069f : +76
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -50
3 : #090608 : -48
5 : #100a0d : -46
7 : #160e13 : -44
9 : #1c1218 : -42
11 : #23161e : -40
13 : #291a23 : -38
15 : #2f1d28 : -36
17 : #35212e : -34
19 : #3c2533 : -32
21 : #422938 : -30
23 : #482d3e : -28
25 : #4e3143 : -26
27 : #553549 : -24
29 : #5b394e : -22
31 : #613d53 : -20
33 : #684159 : -18
35 : #6e455e : -16
37 : #744963 : -14
39 : #7a4d69 : -12
41 : #81516e : -10
43 : #875474 : -8
45 : #8d5879 : -6
47 : #935c7e : -4
49 : #9a6084 : -2
51 : #9f6589 : ±0
53 : #a36c8e : +2
55 : #a77292 : +4
57 : #ab7897 : +6
59 : #ae7e9c : +8
61 : #b285a1 : +10
63 : #b68ba6 : +12
65 : #ba91ab : +14
67 : #be97af : +16
69 : #c29eb4 : +18
71 : #c6a4b9 : +20
73 : #caaabe : +22
75 : #ceb1c3 : +24
77 : #d2b7c7 : +26
79 : #d6bdcc : +28
81 : #dac3d1 : +30
83 : #decad6 : +32
85 : #e2d0db : +34
87 : #e5d6e0 : +36
89 : #e9dce4 : +38
91 : #ede3e9 : +40
93 : #f1e9ee : +42
95 : #f5eff3 : +44
97 : #f9f6f8 : +46
99 : #fdfcfd : +48
CSS入門、作ってます。
text-shadow