Css 电脑与智能手机/平板电脑上不同的图像颜色

所以，我的网站上的标志和背景应该匹配的人工作 但当我在手机上测试它时，我注意到颜色已经消失，徽标图像和背景颜色不再混合在一起，因为它们看起来是不同的颜色

链接：

我在MacBookPro上进行了测试——没有视网膜屏幕，而我的iPad和iPhone都是最近几代的——带有视网膜

---

Bg的颜色为：

#A692AB

图像背景颜色为#A08DA8，因此您需要更改图像或主体CSS

例如，更改此选项：

#jp, #jpBody, #jpFooter {
    background-color: #A692AB;
}

为此：

#jp, #jpBody, #jpFooter {
    background-color: #A08DA8;
}

---

要使它们具有相同的颜色

图像的颜色为

#A492AD

其中一个站点是

#A692AB

请参见网站B和图片D中的最新信函

只需将此部分（main.css）第46行更改为

 #jp, #jpBody, #jpFooter {
     background-color: #A492AD;
 }

---

如果这不起作用，只需在没有BG的情况下放置图像（png图像）

对我来说一切都很好。。一旦颜色为白色，第二种颜色为紫色..您想要什么？尝试搜索“屏幕校准手册”示例：。为了更好地理解这个问题，你可以阅读有关“屏幕的颜色复制”的文章。@Gregorie我会试着通读一遍，但我认为这与屏幕校准无关，因为在我的计算机上，图像和我从颜色采集网站获得的颜色无缝地混合在一起。当我在移动设备上查看它时，问题就来了。奇怪的是，当我在移动设备上使用颜色抓取器时，它会给我一个不同的十六进制颜色代码。屏幕校准不应该影响像这样的web应用程序会吐出的颜色，对吗？感谢您的回复！然而，我尝试了一下，仍然得到了一个非常轻微的颜色差异。请问你用什么方法得到那个色码？你认为这可能只是我的电脑吗？任何工具都应该将JP图像背景视为#A08DA8。Hexcodes不会以您描述的方式更改。@Julian如果您尝试过，请在评论中链接到一个屏幕截图-thanksHm奇怪，好吧，我会将该颜色代码保存在某个地方，也许可以尝试访问其他计算机以查看网站。编辑：尝试链接照片的好主意-我现在就试试。@Julian-Huh。也许用透明背景制作图像是最好的方法。谢谢，还是没用，但我会选择无背景图像。