#8b5087
RGB ( 赤 = 139, 緑 = 80, 青 = 135 )
HSL ( 色相 = 304°, 彩度 = 27%, 明度 = 43% )
H : 色相 ( 304° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #8b5450 : -300
14 : #8b5e50 : -290
24 : #8b6850 : -280
34 : #8b7250 : -270
44 : #8b7b50 : -260
54 : #8b8550 : -250
64 : #878b50 : -240
74 : #7d8b50 : -230
84 : #748b50 : -220
94 : #6a8b50 : -210
104 : #608b50 : -200
114 : #568b50 : -190
124 : #508b54 : -180
134 : #508b5e : -170
144 : #508b68 : -160
154 : #508b72 : -150
164 : #508b7b : -140
174 : #508b85 : -130
184 : #50878b : -120
194 : #507d8b : -110
204 : #50748b : -100
214 : #506a8b : -90
224 : #50608b : -80
234 : #50568b : -70
244 : #54508b : -60
254 : #5e508b : -50
264 : #68508b : -40
274 : #72508b : -30
284 : #7b508b : -20
294 : #85508b : -10
304 : #8b5087 : ±0
314 : #8b507d : +10
324 : #8b5074 : +20
334 : #8b506a : +30
344 : #8b5060 : +40
354 : #8b5056 : +50
294 : #85508b : -10
295 : #86508b : -9
296 : #87508b : -8
297 : #88508b : -7
298 : #89508b : -6
299 : #8a508b : -5
300 : #8b508b : -4
301 : #8b508a : -3
302 : #8b5089 : -2
303 : #8b5088 : -1
304 : #8b5087 : ±0
305 : #8b5086 : +1
306 : #8b5085 : +2
307 : #8b5084 : +3
308 : #8b5083 : +4
309 : #8b5082 : +5
310 : #8b5081 : +6
311 : #8b5080 : +7
312 : #8b507f : +8
313 : #8b507e : +9
314 : #8b507d : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6f6d6f : -26
3 : #716a71 : -24
5 : #736872 : -22
7 : #756674 : -20
9 : #786476 : -18
11 : #7a6278 : -16
13 : #7c5f7a : -14
15 : #7e5d7c : -12
17 : #805b7e : -10
19 : #825980 : -8
21 : #855782 : -6
23 : #875484 : -4
25 : #895285 : -2
27 : #8b5087 : ±0
29 : #8d4e89 : +2
31 : #904c8b : +4
33 : #92498d : +6
35 : #94478f : +8
37 : #964591 : +10
39 : #984393 : +12
41 : #9b4195 : +14
43 : #9d3f97 : +16
45 : #9f3c98 : +18
47 : #a13a9a : +20
49 : #a3389c : +22
51 : #a6369e : +24
53 : #a834a0 : +26
55 : #aa31a2 : +28
57 : #ac2fa4 : +30
59 : #ae2da6 : +32
61 : #b12ba8 : +34
63 : #b329aa : +36
65 : #b526ab : +38
67 : #b724ad : +40
69 : #b922af : +42
71 : #bc20b1 : +44
73 : #be1eb3 : +46
75 : #c01bb5 : +48
77 : #c219b7 : +50
79 : #c417b9 : +52
81 : #c615bb : +54
83 : #c913bd : +56
85 : #cb10be : +58
87 : #cd0ec0 : +60
89 : #cf0cc2 : +62
91 : #d10ac4 : +64
93 : #d408c6 : +66
95 : #d605c8 : +68
97 : #d803ca : +70
99 : #da01cc : +72
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -42
3 : #0a0609 : -40
5 : #100910 : -38
7 : #170d16 : -36
9 : #1d111c : -34
11 : #241423 : -32
13 : #2a1829 : -30
15 : #311c2f : -28
17 : #372035 : -26
19 : #3e233c : -24
21 : #442742 : -22
23 : #4a2b48 : -20
25 : #512f4f : -18
27 : #573255 : -16
29 : #5e365b : -14
31 : #643a62 : -12
33 : #6b3d68 : -10
35 : #71416e : -8
37 : #784574 : -6
39 : #7e497b : -4
41 : #854c81 : -2
43 : #8b5087 : ±0
45 : #92548e : +2
47 : #985794 : +4
49 : #9f5b9a : +6
51 : #a4609f : +8
53 : #a867a3 : +10
55 : #ab6da7 : +12
57 : #af74ab : +14
59 : #b37aaf : +16
61 : #b681b3 : +18
63 : #ba87b7 : +20
65 : #be8ebb : +22
67 : #c294bf : +24
69 : #c59bc2 : +26
71 : #c9a1c6 : +28
73 : #cda8ca : +30
75 : #d0aece : +32
77 : #d4b5d2 : +34
79 : #d8bbd6 : +36
81 : #dcc1da : +38
83 : #dfc8de : +40
85 : #e3cee2 : +42
87 : #e7d5e6 : +44
89 : #ebdbea : +46
91 : #eee2ed : +48
93 : #f2e8f1 : +50
95 : #f6eff5 : +52
97 : #f9f5f9 : +54
99 : #fdfcfd : +56
CSS入門、作ってます。
text-shadow