网页安全的颜色？

Question

考虑这些仍然有用吗？我没有在图形方面做太多工作，但最近我将网页的背景颜色（使用CSS）设置为页面上图像中使用的相同背景颜色。 ＃312F32。它在办公室里的不同机器上看起来很好，但在家里我的闪光新Mac（以及其他一些）之间肯定有明显的区别。

有人可以给我一个网页颜色101提醒课程吗？产品：＆gt;

---

参考：

• 例如this site indicates if a chosen colour is web safe or not.

Answer 1

我个人认为它并不是那么重要，因为现在的现代浏览器可以正确地呈现颜色。重要的是您的背景图像颜色应与背景颜色相同。

显示器之间的不同颜色可能只是显示器设置不同。所以你不必担心这么多。

对于网页设计而言，真正重要的是你的设计必须具有吸引力。

Answer 2

  

是否仍然需要考虑这些？

没有。说实话，从来没有一个真正的“网络安全”调色板，因为许多系统都有不同的颜色深度和调色板，即使在以8位颜色运行的Windows机器是常态的日子里也是如此。

今天仍然很少运行8位调色板，那些不一定使用相同的调色板。

  在办公室的不同机器上它看起来很好，但在家里我的闪亮的新Mac（以及其他一些）在两者之间肯定存在显着差异。

一款闪亮的新款Mac肯定会像其他人一样以全彩色运行，所以这不是调色板问题。

图片是PNG吗？如果是这样，您可能会在不同平台上导致gamma problem颜色转换。应该在没有gAMA块的情况下保存Web的PNG以避免此问题。

Answer 3

最容易记住它的方法：每个字节的倍数为0x33。例如。 0x333333,0x330099,0xFFFFFF等

Answer 4

网络安全调色板至少五年没有相关性，IMO。您所看到的可能是具有嵌入颜色配置文件的PNG中的颜色配置文件修正。某些浏览器（Firefox 3+，可能还有Safari？）会读取这些配置文件并尝试显示最初创建的图像（即，就像您在图像创建者的监视器上查看它一样）。这可能导致PNG中的“纯”颜色与呈现的HTML颜色（例如，通过CSS样式）之间的视觉不匹配

对于需要在显示器，扫描仪和高端打印机等多种设备之间精确匹配颜色的图形设计人员来说，这非常棒。对于其他人来说，这有点糟透了。

防止这种情况发生的最简单方法（在大多数情况下）是在图像编辑器中关闭颜色校正，而不是导出带有嵌入颜色配置文件的PNG（或JPG）。让用户的监视器猜测如何显示图像 - 通常与页面上的其他内容具有相同的颜色配置文件。

为确保您在 屏幕上看到的内容近似最常见的颜色设置，请使用常见的颜色校正配置文件，如sRGB或sRGB IEC61966，并保持相对“陡峭”的伽玛值，介于2.0和2.3。 （大多数PC的伽马值为~2.2）。除非您在设备之间发送图形文件，否则请勿校准显示器。

额外的学分阅读：

• Color correction for images in Firefox 3.5
• PNG color test
• The Sad Story of PNG Gamma "correction."

Answer 5

您看到Shiny New Mac与工作中的显示器（或许多其他地方）之间存在差异的原因是显示器color gamut的差异：

Mac和高端显示器比典型的消费级显示器具有更好的color gamut。在我的研究中，典型的Acer或类似显示器的色域为78％，而高端显示器覆盖了Adobe RGB color space的96％。我在Acer X223W（78％色域）旁边有一个漂亮的NEC with 96% color gamut显示器，当我将图像或网站从一个移动到另一个时，差别非常小。颜色出现在没有颜色的地方，图像更加生动活泼。

Answer 6

1）＃312F32不是“网络安全颜色”。 Web安全颜色是33的倍数，如＃333333，＃003366，＃ff3300（f = 15）。

2）显示器的差异以及它们如何显示颜色：我有一台PC和Mac并排尝试将图像中的颜色与网页导航栏相匹配。我遇到了和你一样的问题。即使每台计算机上的颜色选择器都同意图像中的颜色，但是一旦我更新了导航栏颜色，两个显示器都看起来不正确。

3）建议：有时你必须找到一个快乐的媒介，或者在没有注意到颜色差异的情况下使用深色调。