#8e2f86
RGB ( 赤 = 142, 緑 = 47, 青 = 134 )
HSL ( 色相 = 305°, 彩度 = 50%, 明度 = 37% )
H : 色相 ( 305° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8e372f : -300
15 : #8e472f : -290
25 : #8e562f : -280
35 : #8e662f : -270
45 : #8e762f : -260
55 : #8e862f : -250
65 : #868e2f : -240
75 : #768e2f : -230
85 : #668e2f : -220
95 : #568e2f : -210
105 : #478e2f : -200
115 : #378e2f : -190
125 : #2f8e37 : -180
135 : #2f8e47 : -170
145 : #2f8e56 : -160
155 : #2f8e66 : -150
165 : #2f8e76 : -140
175 : #2f8e86 : -130
185 : #2f868e : -120
195 : #2f768e : -110
205 : #2f668e : -100
215 : #2f568e : -90
225 : #2f478e : -80
235 : #2f378e : -70
245 : #372f8e : -60
255 : #472f8e : -50
265 : #562f8e : -40
275 : #662f8e : -30
285 : #762f8e : -20
295 : #862f8e : -10
305 : #8e2f86 : ±0
315 : #8e2f76 : +10
325 : #8e2f66 : +20
335 : #8e2f56 : +30
345 : #8e2f47 : +40
355 : #8e2f37 : +50
295 : #862f8e : -10
296 : #872f8e : -9
297 : #892f8e : -8
298 : #8a2f8e : -7
299 : #8c2f8e : -6
300 : #8e2f8e : -5
301 : #8e2f8c : -4
302 : #8e2f8a : -3
303 : #8e2f89 : -2
304 : #8e2f87 : -1
305 : #8e2f86 : ±0
306 : #8e2f84 : +1
307 : #8e2f83 : +2
308 : #8e2f81 : +3
309 : #8e2f7f : +4
310 : #8e2f7e : +5
311 : #8e2f7c : +6
312 : #8e2f7b : +7
313 : #8e2f79 : +8
314 : #8e2f78 : +9
315 : #8e2f76 : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5e5e5e : -50
2 : #605c60 : -48
4 : #625b61 : -46
6 : #645963 : -44
8 : #665765 : -42
10 : #685566 : -40
12 : #6a5368 : -38
14 : #6c5169 : -36
16 : #6d4f6b : -34
18 : #6f4d6d : -32
20 : #714b6e : -30
22 : #734a70 : -28
24 : #754871 : -26
26 : #774673 : -24
28 : #794474 : -22
30 : #7b4276 : -20
32 : #7d4078 : -18
34 : #7e3e79 : -16
36 : #803c7b : -14
38 : #823a7c : -12
40 : #84397e : -10
42 : #86377f : -8
44 : #883581 : -6
46 : #8a3383 : -4
48 : #8c3184 : -2
50 : #8e2f86 : ±0
52 : #8f2d87 : +2
54 : #912b89 : +4
56 : #932a8a : +6
58 : #95288c : +8
60 : #97268e : +10
62 : #99248f : +12
64 : #9b2291 : +14
66 : #9d2092 : +16
68 : #9f1e94 : +18
70 : #a01c95 : +20
72 : #a21a97 : +22
74 : #a41999 : +24
76 : #a6179a : +26
78 : #a8159c : +28
80 : #aa139d : +30
82 : #ac119f : +32
84 : #ae0fa0 : +34
86 : #af0da2 : +36
88 : #b10ba4 : +38
90 : #b309a5 : +40
92 : #b508a7 : +42
94 : #b706a8 : +44
96 : #b904aa : +46
98 : #bb02ab : +48
100 : #bd00ad : +50
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -36
3 : #0b040b : -34
5 : #130612 : -32
7 : #1b0919 : -30
9 : #220b21 : -28
11 : #2a0e28 : -26
13 : #32112f : -24
15 : #391336 : -22
17 : #41163d : -20
19 : #491845 : -18
21 : #501b4c : -16
23 : #581d53 : -14
25 : #60205a : -12
27 : #672262 : -10
29 : #6f2569 : -8
31 : #772870 : -6
33 : #7e2a77 : -4
35 : #862d7e : -2
37 : #8e2f86 : ±0
39 : #95328d : +2
41 : #9d3494 : +4
43 : #a4379b : +6
45 : #ac39a3 : +8
47 : #b43caa : +10
49 : #bb3eb1 : +12
51 : #c144b6 : +14
53 : #c34bb9 : +16
55 : #c653bc : +18
57 : #c85bbf : +20
59 : #cb62c2 : +22
61 : #cd6ac5 : +24
63 : #d071c8 : +26
65 : #d279cb : +28
67 : #d581ce : +30
69 : #d788d1 : +32
71 : #da90d4 : +34
73 : #dd98d7 : +36
75 : #df9fda : +38
77 : #e2a7dd : +40
79 : #e4afe0 : +42
81 : #e7b6e3 : +44
83 : #e9bee6 : +46
85 : #ecc6e9 : +48
87 : #eecdec : +50
89 : #f1d5ef : +52
91 : #f4ddf2 : +54
93 : #f6e4f5 : +56
95 : #f9ecf8 : +58
97 : #fbf4fb : +60
99 : #fefbfe : +62
CSS入門、作ってます。
text-shadow