网络安全颜色仍然相关吗？答案

【问题标题】：Are web-safe colors still relevant?网络安全颜色仍然相关吗？
【发布时间】：2010-11-05 16:21:24
【问题描述】：

由于绝大多数显示器都是16-bit color or more, including mobile devices，所以在选择配色方案时甚至考虑网络安全颜色是否有意义？还是应该将其作为琐事归入历史？

对于那些不知道什么是网络安全颜色的人：

另一组 216 种颜色值通常被认为是“网络安全”调色板，它是在许多计算机时代开发的显示器只能显示 256 种颜色。一组颜色需要可以在没有的情况下显示在 256 色显示器上抖动；这选择 216 号的部分原因是计算机操作系统通常保留十六到二十种颜色自己使用；它也被选中因为它恰好允许六种色调红色、绿色和蓝色（6 × 6 × 6 = 216)。

颜色列表经常呈现好像它有特殊的属性使它们免受抖动。在事实上，在 256 色显示器上应用程序可以设置任何调色板他们选择的颜色选择，抖动其余的。这些颜色是专门选择，因为他们匹配由选择的调色板然后是领先的浏览器应用程序。 ^[Wikipedia]

【问题讨论】：

有趣的是，这似乎是很久以前的事了，很多读者还没有完全理解问题的重点。
当我们做 Windows 3.1 游戏时，我们必须将调色板设置为允许所有这些系统颜色。这是一个类似的问题。我想知道有多少 SO 参与者太年轻而无法记住 Windows 3.1 :-)
非营利组织需要符合 Bobby 的要求吗？
我认为这与他们无关。据我所知，没有像 Bobby 合规这样的东西。 Bobby 是一种工具（测试套件），用于评估网站是否可访问。它经过了几手，现在已经死在 IBM 手中：en.wikipedia.org/wiki/Bobby_%28software%29

标签： colors

【解决方案1】：

所以，我只是想解释一下仅通过查看其十六进制代码来确定浏览器安全颜色

的提示

对于十六进制颜色#xxyyzz，该颜色是浏览器安全的，如果

对于成对：
位置 12 即 xx 值相同
位置 34 即 yy 值相同
位置 56 即 zz 值相同
允许的值为
0
3
6
9
C
F

【讨论】：

【解决方案2】：

如果您的目标是发展中国家，例如南亚国家，那么这仍然很重要。我个人有一个完整的 IPS 显示器和 Windows 10，所以这对我来说不是问题，但我们是少数族裔，他们中的大多数人都有旧的硬件/计算机/操作系统，除了手机，因为购买最新的手机很便宜，但是由于税收/进口成本等原因，计算机硬件价格昂贵。与普通人的工资相比。我亲眼目睹了许多人仍在使用旧的 Windows XP、98 PC 和 256 色 Pentium 4 处理器。因此，如果您针对此类受众，最好使用网络安全颜色，但如果您正在开展业务，那不值得，因为他们不太可能成为您的客户，但如果您正在做一个信息网站、博客、活动家人们无需付费即可阅读和获取信息的网站，然后始终使用后备主题或具有网络安全颜色的东西。由于此类人大多在 windows xp/98 上，请尝试检测操作系统，如果用户来自此类操作系统，则使用后备主题。

所以请记住，这个世界上的大多数人都很穷，而且大多数人仍然使用旧的硬件和技术。如果您想在不为当前主题付出太多努力的情况下涵盖所有内容，请始终使用后备主题。一种用于旧手机，一种用于旧桌面显示器，一种用于现代显示器和现代手机（响应式）

【讨论】：

【解决方案3】：

对我来说，网络安全调色板不再是主要问题。针对最大的目标受众进行优化。

据w3schools网站访问者：

2009 年 1 月 1% 的网站访问者拥有 256 个彩色显示器，95% 的用户拥有 24 位或 32 位。
[更新]2015年1月0.5%有256色，0.5%有24位，99%有32位

我从我负责的商业应用网站中发现了类似的数字：

32-bit  79.01%  

24-bit  15.64%  

16-bit  5.27%   

8-bit   0.08%

【讨论】：

最佳答案，因为它引用了真实数据
这也取决于您的目标受众。对于大多数人来说，这可能不是问题。对于一个迎合精通技术的人群的网站，可能更不用说了。我想可能有一个网站迎合了统计上不太可能拥有现代设备的人群。
我很难相信任何访问 w3schools 网站的人工计算机都合法地限制为使用 8 位颜色。我想知道他们是如何检测到这个的？如果我将颜色配置文件更改为 8 位并浏览到他们的网站，这是否会导致统计数据出现偏差？

【解决方案4】：

某些颜色在某些移动设备上不显示。（想列个清单）

标题栏应该是 CSS 的蓝色淡入淡出：

background: linear-gradient(to bottom, #0099CC1, #0033CC) repeat-x scroll 0 0 #006DCC;

在许多设备上，背景是不可见的，并且标题看起来像白底白字。

【讨论】：

这可能是由于该特定浏览器不支持线性渐变。在您需要支持较旧的浏览器/设备的情况下，始终使用回退。

【解决方案5】：

根据研究，even the web safe colors were not web safe。这是一个有趣的想法，但它是相关的，谢天谢地，现在已经结束了。

【讨论】：

【解决方案6】：

恕我直言，这一点真的没有实际意义。无论如何，不安全的颜色都会抖动。它在 256 色模式下可能看起来不是最好的，但只要页面/应用程序的功能元素不依赖于这些颜色，它就不会对用户体验造成太大影响。

此外，大多数在 256 色模式下浏览的用户意识到颜色会抖动，因为我认为很多网站不再遵循网络安全的颜色方案。

【讨论】：

【解决方案7】：

我认为在选择调色板时最重要的是要牢记色盲。我知道有几种不同的类型，但最重要的是确保颜色之间有足够的对比度。

例如，红色背景上的绿色文本对于某些人来说可能更容易阅读，但对于其他人（5-10% 的男性！）则非常困难或不可能，尤其是如果颜色很接近。

【讨论】：

是的。我建议在 paletton.com 上创建一个自定义调色板，并打开“deuteranopia”的模拟。（如果这太令人生畏，“deuteranomaly”应该适用于大多数人。）颜色对比度分析器也是一个很棒的免费工具。考虑只使用蓝色、黄色、绿色、洋红色和灰色的阴影。如果必须使用红色，请尽量保持粉红色或橙色，并使用“protanopia” sim 进行检查。
@JonCoombs 或者，不要使用颜色来传递重要的 UI 信息。如果差异纯粹是审美上的差异，那么色盲用户是否无法分辨出差异并不重要。

【解决方案8】：

是的，这绝对是过去式。将其重要性放在您的选取框标签旁边。

【讨论】：

【解决方案9】：

对于我们这些（比如我）不知道什么是网络安全颜色的人来说，它们是

在许多计算机开发的时候显示器只能显示 256 种颜色。一组颜色需要可以在没有的情况下显示在 256 色显示器上抖动；这选择 216 号的部分原因是计算机操作系统通常保留十六到二十种颜色自己使用；它也被选中因为它恰好允许六种色调红色、绿色和蓝色（6 × 6 × 6 = 216)。

颜色列表经常呈现好像它有特殊的属性使它们免受抖动。在事实上，在 256 色显示器上应用程序可以设置任何调色板他们选择的颜色选择，抖动其余的。这些颜色是专门选择，因为他们匹配由选择的调色板然后是领先的浏览器应用程序。

很难想象这会适用于当今的现代显示器，因为几乎没有人再运行 256 色显示器（除非他们播放的是旧版本的 Leisure Suit Larry）。

【讨论】：

@Robert - 我没有意识到人们不会知道那是什么。我抓住了您的参考资料并将其移植到问题中。
我知道它们是什么，但我一直没有弄清楚它们存在的确切原因，而且我没有认为它们在我当前的 Web 开发中很重要，这是一个公认的幼稚立场。
其实有很多变种。 256色显卡是最初的单字节（8位）设备，同时也有16位和24位变种，其次是32位甚至64位，甚至还有一些介于两者之间的——位专业显示器。因此，问题不是来自原始软泥 - 即使在过去十年（2000 年代），它也被认为是相关的，而一些较旧的图形设备仍然存在，但正在逐步淘汰。如果您假设现在使用的所有东西都是新的，那么您可以忽略网络安全颜色。

【解决方案10】：

这取决于您所说的网络安全颜色是什么意思。

就 16 位颜色而言，这可能不值得担心。但是，颜色在不同设备上看起来并不相同。这可能会导致各种问题，特别是如果设计师的伽玛设置与您的特定显示器设置不同。

因此，您仍然需要在多个设置中测试您的设计。

【讨论】：

【解决方案11】：

网络安全颜色几乎不再是问题，除非您面对的消费者将拥有旧式（想想 > 10 岁）视频显示设备。

【讨论】：

需要一台非常旧的显示器才能引起问题。显卡是更常见的颜色深度限制。
我看到人们为了更高的帧速率而使用 16 位深度，但我不再看到人们使用 256 色。

【解决方案12】：

我认为网络安全颜色不再相关。对我来说，智能手机更大的问题是所有固定宽度的 960 像素宽的网页。

【讨论】：

怎么回事，你的智能手机没有水平滚动条？

【解决方案13】：

在我看来，它的历史。

【讨论】：

its history -1 表示语法。开个玩笑。