blocks|key|1001365|text|就我个人而言，我觉得它并没有那么重要，因为现在现代浏览器可以正确地渲染颜色。重要的是你的背景图像颜色应该和背景颜色一样。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1001366|显示器之间颜色的不同可能只是显示器设置不同。所以你不用担心那么多。|1001367|对于网页设计来说，真正重要的是你的设计必须要有吸引力。|1001368|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

personally I feel that it's not really of that much of importance, since nowadays modern browsers can render colours properly. What is important is that your background image colour should be the same as the background colour.

different of colour between monitors might just be that the monitor settings are different. so you don't have to worry that much.

what's really important for web designs is that your design have to be appealing.

blocks|key|2527517|text|是否仍有需要考虑这些问题？|type|blockquote|depth|inlineStyleRanges|entityRanges|data|2527518|不是的。老实说，从来没有真正的“网络安全”调色板，因为许多系统都有不同的颜色深度和调色板，即使在Windows机器运行8位颜色的时候也是如此。|unstyled|2527519|今天，仍然很少运行8位调色板，而那些不一定使用相同的调色板。|2527520|在办公室不同的机器上，它看上去不错，但在家里，我的新mac+(以及其他几台)肯定有明显的区别。|2527521|一个闪亮的新Mac肯定会像其他人一样以全色运行，所以它不是调色板问题。|2527522|这张照片是巴布亚新几内亚吗？如果是这样的话，您可能有一个伽马问题导致不同平台上的颜色变化。为了避免这个问题，应该在没有gAMA块的情况下保存用于web的PNG。|offset|length|2527523|entityMap|0|LINK|mutability|MUTABLE|url|http://xdeb.org/node/678^0|0|0|0|0|0|S|4|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|Y|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Z|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|10|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|11|8|@]|9|@$M|12|N|13|1|14]]|A|$]]|$1|O|3|-4|5|D|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<blockquote>
 is it still relevant to consider these?
</blockquote>

No. To be honest there was never a truly ‘web-safe’ palette, in that many systems had different colour depths and palettes even in the days when a Windows machine running in 8-bit colour was the norm.

Today there's very little still running an 8-bit palette, and those things that do aren't necessarily using the same one.

<blockquote>
 it looked fine on different machines in the office, but at home on my shinny new mac (and a few others since) there was definitely a noticable difference between the two.
</blockquote>

A shiny new Mac will definitely be running in full colour like everyone else, so it's not a palette problem.

Was the image a PNG? If so, you've probably got a <a href="http://xdeb.org/node/678" rel="nofollow noreferrer">gamma problem</a> causing colour shifts on different platforms. PNGs for the web should be saved without a gAMA chunk to avoid this issue.

blocks|key|1032321|text|让我记住它的最简单方法是:每个字节的倍数为0x33。例如0x333333，0x330099，0xFFFFFF等。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1032322|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Easiest way to remember it for me: Multiples of 0x33 at each byte. E.g. 0x333333, 0x330099, 0xFFFFFF, etc.

blocks|key|1031074|text|您之所以看到闪亮的新Mac与工作中的监视器(或许多其他地方)之间的差异，是因为监视器色域存在差异|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1031075|Mac和高端显示器的色域比普通的消费者级显示器要好.在我的研究中，一个典型的宏碁或类似的显示器色域为78%25，而高端显示器覆盖96%25的Adobe颜色空间。我有一个不错的96%25色域NEC显示器旁边的宏碁X223W+(78%25色域)，而且差别是惊人的，因为我幻灯片图片或网站从一个到另一个。颜色出现在没有的地方，而图像只是更有活力和活力。|1031076|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/Gamut|1|http://en.wikipedia.org/wiki/Color_depth|2|http://en.wikipedia.org/wiki/Adobe_RGB_color_space|3|http://www.nec-display.com/ap/en_display/p221w/index.html^0|16|2|0|0|A|2|1|1U|9|2|2B|8|3|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]|$A|11|B|12|1|13]|$A|14|B|15|1|16]]|C|$]]|$1|F|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]|R|$5|I|J|K|C|$L|S]]]]

The reason you are seeing differences between your Shiny New Mac and the monitors at work (or many other places) is a difference in monitor <a href="http://en.wikipedia.org/wiki/Gamut" rel="nofollow">color gamut</a>:

The Mac, and higher-end monitors have better <a href="http://en.wikipedia.org/wiki/Color_depth" rel="nofollow">color gamut</a> than typical consumer-grade monitors. In my research, a typical Acer or similar monitor had a color gamut of 78%, while a higher-end monitor covers 96% of the <a href="http://en.wikipedia.org/wiki/Adobe_RGB_color_space" rel="nofollow">Adobe RGB color space</a>. I have a nice <a href="http://www.nec-display.com/ap/en_display/p221w/index.html" rel="nofollow">NEC with 96% color gamut</a> monitor right next to an Acer X223W (78% color gamut), and the difference is simply amazing as I slide an image or website across from one to the other. Colors appear where there were none, and the image is simply more vibrant and alive.

blocks|key|1032399|text|(+1)+#312F32一开始并不是一种“网络安全颜色”。网络安全的颜色是33的倍数，例如#333333，#003366，#ff3300+(f=15)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1032400|2)显示器的不同之处及其显示颜色的方式:我让一台PC和Mac并排，试图用网页导航栏来匹配图像中的颜色。我遇到了和你一样的问题。尽管每台计算机上的颜色选择器都与图像中的颜色一致，但一旦我更新了导航条颜色，两台显示器看起来都不太正确。|1032401|3)建议:有时你必须找到一个快乐的媒介，或者在你没有注意到颜色差异的情况下，与深色一起工作。|1032402|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

1) #312F32 is not a 'web safe colour' to start with. Web safe colours are in multiples of 33's such as #333333, #003366, #ff3300 (f=15).

2) The difference in monitors and how they display colours: I had a PC and Mac side by side trying to match the colour in an image with a webpage navbar. I ran into the same problem as you. Even though the colour picker on each computer agreed with what colour was in the image, neither monitor looked exactly right once I updated the navbar colour.

3) Suggestion: sometimes you have to find a happy medium or work with darker shades where you do not notice the colour differences.

Is it still relevant to consider these? I don't do much work on the graphics side of things, but recently I set the background colour of a webpage (using CSS) to the same background colour used within images on the page. #312F32. it looked fine on different machines in the office, but at home on my shinny new mac (and a few others since) there was definitely a noticeable difference between the two.

can someone give me a web colour 101 reminder course? :> 

<hr>

Reference:

<ul>
<li>For an e.g. <a href="http://www.computerhope.com/cgi-bin/htmlcolor.pl?c=F9966B" rel="nofollow noreferrer">this site indicates if a chosen colour is web safe or not.</a></li>
</ul>

web safe colours?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

是否仍有需要考虑这些问题？我不做太多的工作在图形方面的事情，但最近我设置了一个网页的背景颜色(使用CSS)为相同的背景颜色使用的图像在页面上。#312F32。在办公室不同的机器上，它看上去不错，但在家里，我的新mac (以及其他几台)肯定有明显的区别。有人能给我一个网页颜色101提醒课程吗？:>参考资料：对于一个例如

问万维网安全颜色？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问万维网安全颜色？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问万维网安全颜色？
EN