我可以检测较旧的显示器并为其提供网络安全颜色吗？

Question

我想在网站上的多个位置使用非网络安全颜色，包括背景颜色。但我担心使用旧电脑的访客。

如果访问者看不到非网络安全颜色，我是否可以使用任何代码将颜色从非网络安全颜色更改为最接近的网络安全颜色？

Answer 1

据我所知，这个问题无法用简单的 HTML 来回答，因此我发布此 JavaScript 解决方案以提供替代方法：

可以使用 screen.colorDepth 返回颜色深度（以位为单位） ，用户屏幕的。 Firefox 3.x 和 4.1（测试版）中的错误/错误实现除外。

var theImg = document.getElementsByTagName('img')[0];

if (screen.colorDepth < 32) {
    theImg.src = 'http://davidrhysthomas.co.uk/img/the_shat.png';
}
else {
    theImg.src = 'http://davidrhysthomas.co.uk/img/terry_thomas.png';
}

alert(screen.colorDepth);

关于 PPK 的附录，Chromium 11/Ubuntu 11.04 也返回 24 而不是 32，因此 Firefox 可能有是正确的。

JS Fiddle 演示。

参考：

• W3C DOM 兼容性 - CSS 对象模型视图、PPK、Quirksmode.org。

Answer 2

我可能在这里弄错了，但网络安全颜色的目的是让您的图像在颜色深度较低（例如 8 位颜色）的显示器上看起来与在颜色深度较高的显示器上看起来相同（ 16/24 位颜色）。之所以会发生这种情况，是因为所有这些颜色（理论上）应该能够以所有颜色格式显示。

如果您有一个不“网络安全”的图像，并且您在具有 8 位颜色的系统上查看它，则所有不适合显示器颜色功能的颜色都应自动显示为最接近的颜色很合适。基本上，您不必“转换”它。颜色的位深度不允许它显示任何其他颜色，因此它必须将某些内容放入其中，其中应该是下一个最接近的显示颜色。

也就是说，网络安全颜色是从显示器仅使用 8 位颜色开始的。我不认为这是你现在真正需要担心的事情，除非你知道你的观众正在使用非常非常旧的技术。

Answer 3

如果您使用十六进制/颜色代码而不是图像，浏览器将自动执行此操作。对于图像，他们只会犹豫不决，优雅地降低他们没有工作的体验。

http://www.limov.com/colour /何时使用-web-safe-palette.lml