#8e5278
RGB ( 赤 = 142, 緑 = 82, 青 = 120 )
HSL ( 色相 = 322°, 彩度 = 27%, 明度 = 44% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8e5452 : -320
12 : #8e5e52 : -310
22 : #8e6852 : -300
32 : #8e7252 : -290
42 : #8e7c52 : -280
52 : #8e8652 : -270
62 : #8c8e52 : -260
72 : #828e52 : -250
82 : #788e52 : -240
92 : #6e8e52 : -230
102 : #648e52 : -220
112 : #5a8e52 : -210
122 : #528e54 : -200
132 : #528e5e : -190
142 : #528e68 : -180
152 : #528e72 : -170
162 : #528e7c : -160
172 : #528e86 : -150
182 : #528c8e : -140
192 : #52828e : -130
202 : #52788e : -120
212 : #526e8e : -110
222 : #52648e : -100
232 : #525a8e : -90
242 : #54528e : -80
252 : #5e528e : -70
262 : #68528e : -60
272 : #72528e : -50
282 : #7c528e : -40
292 : #86528e : -30
302 : #8e528c : -20
312 : #8e5282 : -10
322 : #8e5278 : ±0
332 : #8e526e : +10
342 : #8e5264 : +20
352 : #8e525a : +30
312 : #8e5282 : -10
313 : #8e5281 : -9
314 : #8e5280 : -8
315 : #8e527f : -7
316 : #8e527e : -6
317 : #8e527d : -5
318 : #8e527c : -4
319 : #8e527b : -3
320 : #8e527a : -2
321 : #8e5279 : -1
322 : #8e5278 : ±0
323 : #8e5277 : +1
324 : #8e5276 : +2
325 : #8e5275 : +3
326 : #8e5274 : +4
327 : #8e5273 : +5
328 : #8e5272 : +6
329 : #8e5271 : +7
330 : #8e5270 : +8
331 : #8e526f : +9
332 : #8e526e : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #716f70 : -26
3 : #746d71 : -24
5 : #766b72 : -22
7 : #786872 : -20
9 : #7a6673 : -18
11 : #7d6473 : -16
13 : #7f6274 : -14
15 : #815f75 : -12
17 : #835d75 : -10
19 : #865b76 : -8
21 : #885976 : -6
23 : #8a5677 : -4
25 : #8c5478 : -2
27 : #8e5278 : ±0
29 : #915079 : +2
31 : #934d79 : +4
33 : #954b7a : +6
35 : #97497b : +8
37 : #9a477b : +10
39 : #9c447c : +12
41 : #9e427c : +14
43 : #a0407d : +16
45 : #a33e7e : +18
47 : #a53b7e : +20
49 : #a7397f : +22
51 : #a9377f : +24
53 : #ac3580 : +26
55 : #ae3281 : +28
57 : #b03081 : +30
59 : #b22e82 : +32
61 : #b52c82 : +34
63 : #b72a83 : +36
65 : #b92784 : +38
67 : #bb2584 : +40
69 : #be2385 : +42
71 : #c02185 : +44
73 : #c21e86 : +46
75 : #c41c87 : +48
77 : #c71a87 : +50
79 : #c91888 : +52
81 : #cb1588 : +54
83 : #cd1389 : +56
85 : #d0118a : +58
87 : #d20f8a : +60
89 : #d40c8b : +62
91 : #d60a8b : +64
93 : #d9088c : +66
95 : #db068d : +68
97 : #dd038d : +70
99 : #df018e : +72
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #060405 : -42
4 : #0d070b : -40
6 : #130b10 : -38
8 : #1a0f16 : -36
10 : #20131b : -34
12 : #271621 : -32
14 : #2d1a26 : -30
16 : #341e2c : -28
18 : #3a2231 : -26
20 : #412537 : -24
22 : #47293c : -22
24 : #4e2d42 : -20
26 : #543047 : -18
28 : #5b344d : -16
30 : #613852 : -14
32 : #683c57 : -12
34 : #6e3f5d : -10
36 : #754362 : -8
38 : #7b4768 : -6
40 : #824a6d : -4
42 : #884e73 : -2
44 : #8e5278 : ±0
46 : #95567e : +2
48 : #9b5983 : +4
50 : #a25d89 : +6
52 : #a6648d : +8
54 : #a96a92 : +10
56 : #ad7197 : +12
58 : #b1779c : +14
60 : #b57da0 : +16
62 : #b884a5 : +18
64 : #bc8aaa : +20
66 : #c091af : +22
68 : #c397b3 : +24
70 : #c79eb8 : +26
72 : #cba4bd : +28
74 : #cfabc1 : +30
76 : #d2b1c6 : +32
78 : #d6b8cb : +34
80 : #dabed0 : +36
82 : #ddc5d4 : +38
84 : #e1cbd9 : +40
86 : #e5d2de : +42
88 : #e9d8e3 : +44
90 : #ecdfe7 : +46
92 : #f0e5ec : +48
94 : #f4ecf1 : +50
96 : #f8f2f6 : +52
98 : #fbf9fa : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow