在移动设备上以不同方式显示的按钮的 HTML 颜色

Question

我有一个移动网站，它使用 #0096D6 的蓝色阴影作为某些按钮。我的问题是即使颜色设置为相同，颜色在同一设备上的某些页面上显示不同。我想知道是否有人知道可能导致这种情况的原因？

这是我声明按钮颜色的方式：

.button {
    background-color: #0096D6;
}

这是显示的两种颜色：

所有页面的预期颜色：

在某些页面上显示颜色：

如您所见，这两种颜色没有太大差异，但我想知道是否有人知道为什么会这样？谢谢。

Answer 1

设备不会将颜色解释为不同。它是导致问题的内置屏幕。

事实上，不可能保证所有设备显示准确相同的颜色！

有（硬件）工具可以将显示器校准到一个标准，但有大量不同的设备不在您的控制之下，您无法确保它们显示所有相同的颜色！

即使您使用图片，颜色也可能略有不同！

Answer 2

如果十六进制表示相同，则颜色相同，问题在于 LCD 显示。 这可能取决于您的设备的亮度与您的其他设备不同。