#8a3d7c
RGB ( 赤 = 138, 緑 = 61, 青 = 124 )
HSL ( 色相 = 311°, 彩度 = 39%, 明度 = 39% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8a3e3d : -310
11 : #8a4b3d : -300
21 : #8a583d : -290
31 : #8a653d : -280
41 : #8a723d : -270
51 : #8a7f3d : -260
61 : #898a3d : -250
71 : #7c8a3d : -240
81 : #6f8a3d : -230
91 : #628a3d : -220
101 : #558a3d : -210
111 : #488a3d : -200
121 : #3d8a3e : -190
131 : #3d8a4b : -180
141 : #3d8a58 : -170
151 : #3d8a65 : -160
161 : #3d8a72 : -150
171 : #3d8a7f : -140
181 : #3d898a : -130
191 : #3d7c8a : -120
201 : #3d6f8a : -110
211 : #3d628a : -100
221 : #3d558a : -90
231 : #3d488a : -80
241 : #3e3d8a : -70
251 : #4b3d8a : -60
261 : #583d8a : -50
271 : #653d8a : -40
281 : #723d8a : -30
291 : #7f3d8a : -20
301 : #8a3d89 : -10
311 : #8a3d7c : ±0
321 : #8a3d6f : +10
331 : #8a3d62 : +20
341 : #8a3d55 : +30
351 : #8a3d48 : +40
301 : #8a3d89 : -10
302 : #8a3d88 : -9
303 : #8a3d86 : -8
304 : #8a3d85 : -7
305 : #8a3d84 : -6
306 : #8a3d82 : -5
307 : #8a3d81 : -4
308 : #8a3d80 : -3
309 : #8a3d7f : -2
310 : #8a3d7d : -1
311 : #8a3d7c : ±0
312 : #8a3d7b : +1
313 : #8a3d79 : +2
314 : #8a3d78 : +3
315 : #8a3d77 : +4
316 : #8a3d76 : +5
317 : #8a3d74 : +6
318 : #8a3d73 : +7
319 : #8a3d72 : +8
320 : #8a3d70 : +9
321 : #8a3d6f : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646264 : -38
3 : #666065 : -36
5 : #685e67 : -34
7 : #6a5c68 : -32
9 : #6c5a69 : -30
11 : #6e596a : -28
13 : #70576c : -26
15 : #72556d : -24
17 : #74536e : -22
19 : #76516f : -20
21 : #784f71 : -18
23 : #7a4d72 : -16
25 : #7c4b73 : -14
27 : #7e4974 : -12
29 : #804776 : -10
31 : #824577 : -8
33 : #844378 : -6
35 : #864179 : -4
37 : #883f7b : -2
39 : #8a3d7c : ±0
41 : #8c3b7d : +2
43 : #8e397f : +4
45 : #903780 : +6
47 : #923581 : +8
49 : #943382 : +10
51 : #963184 : +12
53 : #982f85 : +14
55 : #9a2d86 : +16
57 : #9c2b87 : +18
59 : #9e2989 : +20
61 : #a0278a : +22
63 : #a2258b : +24
65 : #a4238c : +26
67 : #a6218e : +28
69 : #a81f8f : +30
71 : #aa1d90 : +32
73 : #ac1b91 : +34
75 : #ae1993 : +36
77 : #b01794 : +38
79 : #b21595 : +40
81 : #b41396 : +42
83 : #b61198 : +44
85 : #b80f99 : +46
87 : #ba0d9a : +48
89 : #bc0b9c : +50
91 : #be099d : +52
93 : #c0079e : +54
95 : #c2059f : +56
97 : #c403a1 : +58
99 : #c601a2 : +60
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #040203 : -38
3 : #0b050a : -36
5 : #120810 : -34
7 : #190b16 : -32
9 : #200e1d : -30
11 : #271123 : -28
13 : #2e1429 : -26
15 : #351730 : -24
17 : #3c1a36 : -22
19 : #431e3c : -20
21 : #4a2143 : -18
23 : #522449 : -16
25 : #59274f : -14
27 : #602a56 : -12
29 : #672d5c : -10
31 : #6e3063 : -8
33 : #753369 : -6
35 : #7c366f : -4
37 : #833a76 : -2
39 : #8a3d7c : ±0
41 : #914082 : +2
43 : #984389 : +4
45 : #a0468f : +6
47 : #a74995 : +8
49 : #ae4c9c : +10
51 : #b351a1 : +12
53 : #b658a5 : +14
55 : #b95fa9 : +16
57 : #bc67ac : +18
59 : #bf6eb0 : +20
61 : #c275b4 : +22
63 : #c57cb8 : +24
65 : #c983bc : +26
67 : #cc8ac0 : +28
69 : #cf91c3 : +30
71 : #d298c7 : +32
73 : #d59fcb : +34
75 : #d8a6cf : +36
77 : #dbadd3 : +38
79 : #deb5d7 : +40
81 : #e1bcdb : +42
83 : #e5c3de : +44
85 : #e8cae2 : +46
87 : #ebd1e6 : +48
89 : #eed8ea : +50
91 : #f1dfee : +52
93 : #f4e6f2 : +54
95 : #f7edf5 : +56
97 : #faf4f9 : +58
99 : #fdfbfd : +60
CSS入門、作ってます。
text-shadow