#8f3d85
RGB ( 赤 = 143, 緑 = 61, 青 = 133 )
HSL ( 色相 = 307°, 彩度 = 40%, 明度 = 40% )
H : 色相 ( 307° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #8f473d : -300
17 : #8f543d : -290
27 : #8f623d : -280
37 : #8f703d : -270
47 : #8f7d3d : -260
57 : #8f8b3d : -250
67 : #858f3d : -240
77 : #788f3d : -230
87 : #6a8f3d : -220
97 : #5c8f3d : -210
107 : #4f8f3d : -200
117 : #418f3d : -190
127 : #3d8f47 : -180
137 : #3d8f54 : -170
147 : #3d8f62 : -160
157 : #3d8f70 : -150
167 : #3d8f7d : -140
177 : #3d8f8b : -130
187 : #3d858f : -120
197 : #3d788f : -110
207 : #3d6a8f : -100
217 : #3d5c8f : -90
227 : #3d4f8f : -80
237 : #3d418f : -70
247 : #473d8f : -60
257 : #543d8f : -50
267 : #623d8f : -40
277 : #703d8f : -30
287 : #7d3d8f : -20
297 : #8b3d8f : -10
307 : #8f3d85 : ±0
317 : #8f3d78 : +10
327 : #8f3d6a : +20
337 : #8f3d5c : +30
347 : #8f3d4f : +40
357 : #8f3d41 : +50
297 : #8b3d8f : -10
298 : #8c3d8f : -9
299 : #8d3d8f : -8
300 : #8f3d8f : -7
301 : #8f3d8d : -6
302 : #8f3d8c : -5
303 : #8f3d8b : -4
304 : #8f3d89 : -3
305 : #8f3d88 : -2
306 : #8f3d87 : -1
307 : #8f3d85 : ±0
308 : #8f3d84 : +1
309 : #8f3d83 : +2
310 : #8f3d81 : +3
311 : #8f3d80 : +4
312 : #8f3d7e : +5
313 : #8f3d7d : +6
314 : #8f3d7c : +7
315 : #8f3d7a : +8
316 : #8f3d79 : +9
317 : #8f3d78 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -40
2 : #686468 : -38
4 : #6a6269 : -36
6 : #6c606b : -34
8 : #6e5e6c : -32
10 : #705c6e : -30
12 : #725a6f : -28
14 : #745871 : -26
16 : #765673 : -24
18 : #785474 : -22
20 : #7a5276 : -20
22 : #7c5077 : -18
24 : #7e4e79 : -16
26 : #814b7a : -14
28 : #83497c : -12
30 : #85477d : -10
32 : #87457f : -8
34 : #894381 : -6
36 : #8b4182 : -4
38 : #8d3f84 : -2
40 : #8f3d85 : ±0
42 : #913b87 : +2
44 : #933988 : +4
46 : #95378a : +6
48 : #97358c : +8
50 : #99338d : +10
52 : #9b318f : +12
54 : #9d2f90 : +14
56 : #9f2d92 : +16
58 : #a12b93 : +18
60 : #a32995 : +20
62 : #a52796 : +22
64 : #a72598 : +24
66 : #a9239a : +26
68 : #ab219b : +28
70 : #ad1f9d : +30
72 : #af1d9e : +32
74 : #b11ba0 : +34
76 : #b418a1 : +36
78 : #b616a3 : +38
80 : #b814a5 : +40
82 : #ba12a6 : +42
84 : #bc10a8 : +44
86 : #be0ea9 : +46
88 : #c00cab : +48
90 : #c20aac : +50
92 : #c408ae : +52
94 : #c606b0 : +54
96 : #c804b1 : +56
98 : #ca02b3 : +58
100 : #cc00b4 : +60
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #070307 : -38
4 : #0e060d : -36
6 : #150914 : -34
8 : #1d0c1b : -32
10 : #240f21 : -30
12 : #2b1228 : -28
14 : #32152f : -26
16 : #391835 : -24
18 : #401c3c : -22
20 : #471f43 : -20
22 : #4f2249 : -18
24 : #562550 : -16
26 : #5d2857 : -14
28 : #642b5d : -12
30 : #6b2e64 : -10
32 : #72316b : -8
34 : #793471 : -6
36 : #813778 : -4
38 : #883a7f : -2
40 : #8f3d85 : ±0
42 : #96408c : +2
44 : #9d4393 : +4
46 : #a44699 : +6
48 : #ab49a0 : +8
50 : #b34da7 : +10
52 : #b654aa : +12
54 : #b95bae : +14
56 : #bc62b1 : +16
58 : #bf69b5 : +18
60 : #c270b8 : +20
62 : #c577bc : +22
64 : #c87ebf : +24
66 : #cb86c3 : +26
68 : #ce8dc6 : +28
70 : #d194ca : +30
72 : #d49bcd : +32
74 : #d7a2d1 : +34
76 : #daa9d5 : +36
78 : #ddb0d8 : +38
80 : #e0b8dc : +40
82 : #e3bfdf : +42
84 : #e7c6e3 : +44
86 : #eacde6 : +46
88 : #edd4ea : +48
90 : #f0dbed : +50
92 : #f3e2f1 : +52
94 : #f6eaf4 : +54
96 : #f9f1f8 : +56
98 : #fcf8fb : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow