Javascript 画布：为什么会有这种色差？

我想用颜色“#ca5100”在画布上画一条线，但在绘制画布时，卷轴的颜色实际上是“#e4a77f”，而不是“#ca5100”。为什么会有这种差异？以及如何使用设置的颜色进行绘制

var ctx=document.getElementById（“mycanva”）.getContext（“2d”）；
ctx.beginPath（）；
ctx.strokeStyle=“#ca5100”；
ctx.moveTo（0,50）；
ctx.lineTo（500,50）；
ctx.stroke（）
我的答案可能是重复的，但我会重新发布它，解决方案很奇怪，不是从（0,50）开始移动到（500,50），而是从（0,49.5）开始移动到（500,49.5）


var ctx=document.getElementById（“mycanva”）.getContext（“2d”）；
ctx.beginPath（）；
ctx.strokeStyle=“#ca5100”；
ctx.moveTo（0,49.5）；
ctx.lineTo（500,49.5）；
ctx.stroke（）
你能解释一下原因吗？