#8f3d5f
RGB ( 赤 = 143, 緑 = 61, 青 = 95 )
HSL ( 色相 = 335°, 彩度 = 40%, 明度 = 40% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8f443d : -330
15 : #8f523d : -320
25 : #8f5f3d : -310
35 : #8f6d3d : -300
45 : #8f7a3d : -290
55 : #8f883d : -280
65 : #888f3d : -270
75 : #7a8f3d : -260
85 : #6d8f3d : -250
95 : #5f8f3d : -240
105 : #528f3d : -230
115 : #448f3d : -220
125 : #3d8f44 : -210
135 : #3d8f52 : -200
145 : #3d8f5f : -190
155 : #3d8f6d : -180
165 : #3d8f7a : -170
175 : #3d8f88 : -160
185 : #3d888f : -150
195 : #3d7a8f : -140
205 : #3d6d8f : -130
215 : #3d5f8f : -120
225 : #3d528f : -110
235 : #3d448f : -100
245 : #443d8f : -90
255 : #523d8f : -80
265 : #5f3d8f : -70
275 : #6d3d8f : -60
285 : #7a3d8f : -50
295 : #883d8f : -40
305 : #8f3d88 : -30
315 : #8f3d7a : -20
325 : #8f3d6d : -10
335 : #8f3d5f : ±0
345 : #8f3d52 : +10
355 : #8f3d44 : +20
325 : #8f3d6d : -10
326 : #8f3d6b : -9
327 : #8f3d6a : -8
328 : #8f3d69 : -7
329 : #8f3d67 : -6
330 : #8f3d66 : -5
331 : #8f3d65 : -4
332 : #8f3d63 : -3
333 : #8f3d62 : -2
334 : #8f3d61 : -1
335 : #8f3d5f : ±0
336 : #8f3d5e : +1
337 : #8f3d5c : +2
338 : #8f3d5b : +3
339 : #8f3d5a : +4
340 : #8f3d58 : +5
341 : #8f3d57 : +6
342 : #8f3d56 : +7
343 : #8f3d54 : +8
344 : #8f3d53 : +9
345 : #8f3d52 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -40
2 : #686466 : -38
4 : #6a6265 : -36
6 : #6c6065 : -34
8 : #6e5e65 : -32
10 : #705c64 : -30
12 : #725a64 : -28
14 : #745864 : -26
16 : #765663 : -24
18 : #785463 : -22
20 : #7a5263 : -20
22 : #7c5062 : -18
24 : #7e4e62 : -16
26 : #814b62 : -14
28 : #834961 : -12
30 : #854761 : -10
32 : #874561 : -8
34 : #894360 : -6
36 : #8b4160 : -4
38 : #8d3f60 : -2
40 : #8f3d5f : ±0
42 : #913b5f : +2
44 : #93395f : +4
46 : #95375e : +6
48 : #97355e : +8
50 : #99335e : +10
52 : #9b315d : +12
54 : #9d2f5d : +14
56 : #9f2d5c : +16
58 : #a12b5c : +18
60 : #a3295c : +20
62 : #a5275b : +22
64 : #a7255b : +24
66 : #a9235b : +26
68 : #ab215a : +28
70 : #ad1f5a : +30
72 : #af1d5a : +32
74 : #b11b59 : +34
76 : #b41859 : +36
78 : #b61659 : +38
80 : #b81458 : +40
82 : #ba1258 : +42
84 : #bc1058 : +44
86 : #be0e57 : +46
88 : #c00c57 : +48
90 : #c20a57 : +50
92 : #c40856 : +52
94 : #c60656 : +54
96 : #c80456 : +56
98 : #ca0255 : +58
100 : #cc0055 : +60
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #070305 : -38
4 : #0e060a : -36
6 : #15090e : -34
8 : #1d0c13 : -32
10 : #240f18 : -30
12 : #2b121d : -28
14 : #321521 : -26
16 : #391826 : -24
18 : #401c2b : -22
20 : #471f30 : -20
22 : #4f2234 : -18
24 : #562539 : -16
26 : #5d283e : -14
28 : #642b43 : -12
30 : #6b2e47 : -10
32 : #72314c : -8
34 : #793451 : -6
36 : #813756 : -4
38 : #883a5a : -2
40 : #8f3d5f : ±0
42 : #964064 : +2
44 : #9d4369 : +4
46 : #a4466d : +6
48 : #ab4972 : +8
50 : #b34d77 : +10
52 : #b6547c : +12
54 : #b95b82 : +14
56 : #bc6287 : +16
58 : #bf698d : +18
60 : #c27092 : +20
62 : #c57798 : +22
64 : #c87e9d : +24
66 : #cb86a3 : +26
68 : #ce8da8 : +28
70 : #d194ad : +30
72 : #d49bb3 : +32
74 : #d7a2b8 : +34
76 : #daa9be : +36
78 : #ddb0c3 : +38
80 : #e0b8c9 : +40
82 : #e3bfce : +42
84 : #e7c6d3 : +44
86 : #eacdd9 : +46
88 : #edd4de : +48
90 : #f0dbe4 : +50
92 : #f3e2e9 : +52
94 : #f6eaef : +54
96 : #f9f1f4 : +56
98 : #fcf8fa : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow