如何在网站开发中选择颜色

4

当我建立一个网站时,我倾向于用Paint.NET进行一些图形设计(开发者风格),但是如何确保所有浏览器在不同机器上都能正确显示颜色呢?你通常编码使用什么样的颜色深度?16位,256种颜色等。

5个回答

7

我不担心颜色是否能够在所有地方完美显示,因为即使最基本的手机也支持16位色彩。

在我看来,担心“网页安全”颜色的日子已经大多过去了。

只要您没有使用非常相似的颜色,就应该没问题。


6

还有一个需要考虑的问题是:

色盲

在选择颜色时,您可能想考虑到色盲,大约5%的男性是色盲。

这个 页面 描述了一个Firefox扩展程序,它允许用户,尤其是开发人员模拟网页对于色盲人士的显示效果。

这里有更多关于色盲的信息。


除非我很蠢,否则该页面实际上并没有提供下载链接。我在哪里可以获取这个插件? - Marcus Downing
看起来只支持Linux系统,抱歉。这里有一个在线工具可以尝试使用: http://www.vischeck.com/vischeck/vischeckURL.php - KPexEA
不幸的是,它在我尝试的第一页呈现方面失败得如此之严重,以至于无法看出其对颜色产生的影响。 - Marcus Downing

2

另外需要注意的是:使用PNG时要小心。

不同的图像编辑器(不确定Paint.NET是否包括在内)会在PNG中嵌入所谓的伽马校正信息。一些浏览器使用这个伽马校正信息,使得PNG看起来与你期望的RGB颜色有所不同。

我个人在几个项目中遇到了这个问题,在Firefox中,PNG过渡到背景颜色完全匹配,但在IE中却不是。

最佳实践是使用pngcrush去掉伽马校正。这是一个好主意,因为它可以减小总文件大小,即使伽马校正不是当前问题。

如果您喜欢阅读更多信息,请访问以下链接:http://hsivonen.iki.fi/png-gamma

如果这听起来有点离题,我只是想在您在网页上使用颜色和Paint.NET时提醒您。


1

我毫不羞愧地从这里大量借鉴颜色样式。在大多数人的电脑上,我对颜色方案没有太多问题。

我说这话是因为我不是一个网页设计师,而是一名程序员,有时被迫设计网页,所以请根据实际情况考虑。


0
根据w3schools的数据,只有2%的访问者仍然使用256色显示器。如果您不使用Web安全颜色,他们将看到与您预期略有不同的颜色,因此没有真正的理由坚持使用Web安全颜色,这会限制您的选择。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接