#8f618a
RGB ( 赤 = 143, 緑 = 97, 青 = 138 )
HSL ( 色相 = 307°, 彩度 = 19%, 明度 = 47% )
H : 色相 ( 307° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #8f6661 : -300
17 : #8f6e61 : -290
27 : #8f7661 : -280
37 : #8f7d61 : -270
47 : #8f8561 : -260
57 : #8f8c61 : -250
67 : #898f61 : -240
77 : #828f61 : -230
87 : #7a8f61 : -220
97 : #738f61 : -210
107 : #6b8f61 : -200
117 : #638f61 : -190
127 : #618f66 : -180
137 : #618f6e : -170
147 : #618f76 : -160
157 : #618f7d : -150
167 : #618f85 : -140
177 : #618f8c : -130
187 : #61898f : -120
197 : #61828f : -110
207 : #617a8f : -100
217 : #61738f : -90
227 : #616b8f : -80
237 : #61638f : -70
247 : #66618f : -60
257 : #6e618f : -50
267 : #76618f : -40
277 : #7d618f : -30
287 : #85618f : -20
297 : #8c618f : -10
307 : #8f6189 : ±0
317 : #8f6182 : +10
327 : #8f617a : +20
337 : #8f6173 : +30
347 : #8f616b : +40
357 : #8f6163 : +50
297 : #8c618f : -10
298 : #8d618f : -9
299 : #8e618f : -8
300 : #8f618f : -7
301 : #8f618e : -6
302 : #8f618d : -5
303 : #8f618c : -4
304 : #8f618c : -3
305 : #8f618b : -2
306 : #8f618a : -1
307 : #8f6189 : ±0
308 : #8f6189 : +1
309 : #8f6188 : +2
310 : #8f6187 : +3
311 : #8f6186 : +4
312 : #8f6186 : +5
313 : #8f6185 : +6
314 : #8f6184 : +7
315 : #8f6183 : +8
316 : #8f6182 : +9
317 : #8f6182 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #797779 : -18
3 : #7b747b : -16
5 : #7e727c : -14
7 : #806f7e : -12
9 : #836d80 : -10
11 : #856b82 : -8
13 : #876884 : -6
15 : #8a6686 : -4
17 : #8c6387 : -2
19 : #8f6189 : ±0
21 : #915f8b : +2
23 : #935c8d : +4
25 : #965a8f : +6
27 : #985791 : +8
29 : #9b5592 : +10
31 : #9d5394 : +12
33 : #9f5096 : +14
35 : #a24e98 : +16
37 : #a44c9a : +18
39 : #a7499c : +20
41 : #a9479e : +22
43 : #ab449f : +24
45 : #ae42a1 : +26
47 : #b040a3 : +28
49 : #b33da5 : +30
51 : #b53ba7 : +32
53 : #b738a9 : +34
55 : #ba36aa : +36
57 : #bc34ac : +38
59 : #bf31ae : +40
61 : #c12fb0 : +42
63 : #c32cb2 : +44
65 : #c62ab4 : +46
67 : #c828b5 : +48
69 : #cb25b7 : +50
71 : #cd23b9 : +52
73 : #cf20bb : +54
75 : #d21ebd : +56
77 : #d41cbf : +58
79 : #d719c0 : +60
81 : #d917c2 : +62
83 : #db14c4 : +64
85 : #de12c6 : +66
87 : #e010c8 : +68
89 : #e30dca : +70
91 : #e50bcb : +72
93 : #e708cd : +74
95 : #ea06cf : +76
97 : #ec04d1 : +78
99 : #ef01d3 : +80
L : 明度 ( 47% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -46
3 : #090609 : -44
5 : #0f0a0f : -42
7 : #150e14 : -40
9 : #1b131a : -38
11 : #211720 : -36
13 : #271b26 : -34
15 : #2e1f2c : -32
17 : #342332 : -30
19 : #3a2738 : -28
21 : #402b3d : -26
23 : #463043 : -24
25 : #4c3449 : -22
27 : #52384f : -20
29 : #583c55 : -18
31 : #5e405b : -16
33 : #644460 : -14
35 : #6a4866 : -12
37 : #704c6c : -10
39 : #765172 : -8
41 : #7c5578 : -6
43 : #82597e : -4
45 : #895d83 : -2
47 : #8f6189 : ±0
49 : #95658f : +2
51 : #9a6a94 : +4
53 : #9e7099 : +6
55 : #a2769d : +8
57 : #a67da1 : +10
59 : #aa83a6 : +12
61 : #ae89aa : +14
63 : #b38fae : +16
65 : #b795b3 : +18
67 : #bb9bb7 : +20
69 : #bfa1bb : +22
71 : #c3a7c0 : +24
73 : #c7adc4 : +26
75 : #cbb3c9 : +28
77 : #cfb9cd : +30
79 : #d4bfd1 : +32
81 : #d8c5d6 : +34
83 : #dccbda : +36
85 : #e0d1de : +38
87 : #e4d8e3 : +40
89 : #e8dee7 : +42
91 : #ece4eb : +44
93 : #f1eaf0 : +46
95 : #f5f0f4 : +48
97 : #f9f6f8 : +50
99 : #fdfcfd : +52
CSS入門、作ってます。
text-shadow