#8e7180
RGB ( 赤 = 142, 緑 = 113, 青 = 128 )
HSL ( 色相 = 329°, 彩度 = 11%, 明度 = 50% )
H : 色相 ( 329° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #8e7671 : -320
19 : #8e7a71 : -310
29 : #8e7f71 : -300
39 : #8e8471 : -290
49 : #8e8871 : -280
59 : #8e8d71 : -270
69 : #898e71 : -260
79 : #858e71 : -250
89 : #808e71 : -240
99 : #7b8e71 : -230
109 : #778e71 : -220
119 : #728e71 : -210
129 : #718e76 : -200
139 : #718e7a : -190
149 : #718e7f : -180
159 : #718e84 : -170
169 : #718e88 : -160
179 : #718e8d : -150
189 : #71898e : -140
199 : #71858e : -130
209 : #71808e : -120
219 : #717b8e : -110
229 : #71778e : -100
239 : #71728e : -90
249 : #76718e : -80
259 : #7a718e : -70
269 : #7f718e : -60
279 : #84718e : -50
289 : #88718e : -40
299 : #8d718e : -30
309 : #8e7189 : -20
319 : #8e7185 : -10
329 : #8e7180 : ±0
339 : #8e717b : +10
349 : #8e7177 : +20
359 : #8e7172 : +30
319 : #8e7185 : -10
320 : #8e7184 : -9
321 : #8e7184 : -8
322 : #8e7183 : -7
323 : #8e7183 : -6
324 : #8e7182 : -5
325 : #8e7182 : -4
326 : #8e7181 : -3
327 : #8e7181 : -2
328 : #8e7180 : -1
329 : #8e7180 : ±0
330 : #8e7180 : +1
331 : #8e717f : +2
332 : #8e717f : +3
333 : #8e717e : +4
334 : #8e717e : +5
335 : #8e717d : +6
336 : #8e717d : +7
337 : #8e717c : +8
338 : #8e717c : +9
339 : #8e717b : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #817e80 : -10
3 : #837c80 : -8
5 : #867980 : -6
7 : #887780 : -4
9 : #8b7480 : -2
11 : #8e7180 : ±0
13 : #906f80 : +2
15 : #936c80 : +4
17 : #956a80 : +6
19 : #986780 : +8
21 : #9a6580 : +10
23 : #9d6280 : +12
25 : #9f6081 : +14
27 : #a25d81 : +16
29 : #a45b81 : +18
31 : #a75881 : +20
33 : #aa5581 : +22
35 : #ac5381 : +24
37 : #af5081 : +26
39 : #b14e81 : +28
41 : #b44b81 : +30
43 : #b64981 : +32
45 : #b94681 : +34
47 : #bb4481 : +36
49 : #be4182 : +38
51 : #c13e82 : +40
53 : #c33c82 : +42
55 : #c63982 : +44
57 : #c83782 : +46
59 : #cb3482 : +48
61 : #cd3282 : +50
63 : #d02f82 : +52
65 : #d22d82 : +54
67 : #d52a82 : +56
69 : #d72882 : +58
71 : #da2583 : +60
73 : #dd2283 : +62
75 : #df2083 : +64
77 : #e21d83 : +66
79 : #e41b83 : +68
81 : #e71883 : +70
83 : #e91683 : +72
85 : #ec1383 : +74
87 : #ee1183 : +76
89 : #f10e83 : +78
91 : #f40b83 : +80
93 : #f60983 : +82
95 : #f90684 : +84
97 : #fb0484 : +86
99 : #fe0184 : +88
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #060505 : -48
4 : #0b090a : -46
6 : #110e0f : -44
8 : #171214 : -42
10 : #1c171a : -40
12 : #221b1f : -38
14 : #282024 : -36
16 : #2d2429 : -34
18 : #33292e : -32
20 : #392d33 : -30
22 : #3e3238 : -28
24 : #44363d : -26
26 : #4a3b43 : -24
28 : #4f4048 : -22
30 : #55444d : -20
32 : #5b4952 : -18
34 : #604d57 : -16
36 : #66525c : -14
38 : #6c5661 : -12
40 : #715b66 : -10
42 : #775f6b : -8
44 : #7d6471 : -6
46 : #826876 : -4
48 : #886d7b : -2
50 : #8e7180 : ±0
52 : #927785 : +2
54 : #977d8a : +4
56 : #9b828f : +6
58 : #a08894 : +8
60 : #a48e99 : +10
62 : #a9939e : +12
64 : #ad99a4 : +14
66 : #b29fa9 : +16
68 : #b6a4ae : +18
70 : #bbaab3 : +20
72 : #bfb0b8 : +22
74 : #c4b5bd : +24
76 : #c9bbc2 : +26
78 : #cdc1c7 : +28
80 : #d2c6cc : +30
82 : #d6ccd1 : +32
84 : #dbd2d6 : +34
86 : #dfd7db : +36
88 : #e4dde1 : +38
90 : #e8e3e6 : +40
92 : #ede8eb : +42
94 : #f1eef0 : +44
96 : #f6f4f5 : +46
98 : #faf9fa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow