`
jsntghf
  • 浏览: 2532858 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

关于web216安全色

阅读更多

web安全色,又叫做网页安全色或者网络安全色。其实色彩和安全本没有关系,但是如果网页设计师做出来的图形用户看不到最佳的效果,那么对设计师来说,工作就不太安全了。也许“安全”就是这个意思吧。

 

大家都知道的是,web安全色是历史遗留问题。在计算机刚刚开始设计生产的年代,不同厂商、国家生产的产品都有不同的规范和标准,因为没有网络,所以也就不涉及到兼容的问题。那时候的机型泛滥,不同的机型也必须搭配不同的系统软件。后来促使计算机生产标准统一的,大概有两个主要因素。一个是计算机的普及,硬件和软件的兼容流通;再一个是互联网的产生,计算机要联在一起,当然需要共同的协议和标准。在这样的背景下,一些计算机生产标准被淘汰,一些标准重新开发。不同的标准趋于接近甚至统一。到了今天,我们常见的计算机就是PC和MAC。前者是以英特尔和微软等软硬件厂商为代表,后者主要的产品供应商是苹果公司。目前也有其它的厂商小规模的生产其它标准的主机,如惠普和IBM等,产品大都以服务器为主,不属于互联网的终端。

 

我们把目光还是折回当年。不同的终端标准,作为主要输出设备的显示器,它的等级和种类是不同的,能够显示出的色彩也就不同。另外,不同的操作系统的色彩系统也不同。这样就导致用A终端做出来的网页色彩,用B终端就看不到。好在几乎所有的显示设备和操作系统都能够正确显示其中216种色彩,那么这些色彩就是网页上的安全色。

 

win和mac的色彩系统都是由256种色彩组成,如果再仔细研究,就能找到其中共同的216种色彩,就是web安全色了。

web216安全色并不是没有规律的巧合。无论是哪个厂家生产的系统和显示设备,都要遵循数字色彩的显示规律,这就是RGB数字色彩显示模式。自然界的色彩种类是无穷尽的,但是计算机的只能有限、离散的显示色彩。

 

关于RGB色彩模式这里就不展开说明了,只要知道,在该模式下的色彩,都由R(红)、G(绿)、B(蓝)三种基本色彩混合而成。每种基本色彩根据发光强弱而分成若干级别,称为色阶。色阶越多,RGB色彩空间所包含的色彩也就越多。我们常用的24位真彩色模式下,各个基本色彩的色阶为256(28),则R、G、B混合得到的色彩数目为256×256×256=16777216=224。这也是目前主流显示器能显示的最大色彩数目。

 

过去的终端也是用RGB的模式显示色彩,只是达不到24位的色彩数目,多数只能显示256种色彩(有些朋友对256色比较迷信,认为是固定的色彩,非也;也有人认为web安全色是256,原因就在这里)。那么是哪256种色彩呢?这就不一定了。因为256不是某个数值的3次方能够得到的,而是介于63(216)和73(343)之间,因此,在选择256种色彩的时候,就有两种办法:第一,RGB各分6个色阶,这样有216种色彩,再另外选择40种色彩凑成256色;第二,RGB各分7个色阶,这样有343种色彩,再去掉87种色彩。比较一下,可以看出,还是第一种方法更加简便直接,因此广为采用。256种色彩中余下的40种色彩不同的厂商采取了不同的选择方式。而216种色彩却是相同方式选择的。

 

很明显,这216色是24位色彩空间的子集。我们用三个数字连在一起表示24位RGB色彩,那么十进制是255,255,255的形式,十六进制就是FFFFFF的形式。前面说了216色每个基色是6个色阶,如果将256个色阶均分,就是0,51,102,153,204,255这六个数字,换算成十六进制即:00,33,66,99,CC,FF,因此216色就是将这六个数字进行任意排列组合得到的。

 

因此,web安全色并非偶然,这是由必然的规律做出的选择。

分享到:
评论

相关推荐

    216种 Web安全色图文并茂

    216种 Web安全色图文并茂

    Web安全色[归类].pdf

    为了解决这个问题,Web开发者提出了一套包含216种颜色的“Web安全色”列表,这些颜色不受操作系统内建颜色方案的影响。 这216种颜色是由6个不同的红色值、6个绿色值和6个蓝色值组合而成,每个颜色通道有0到99的十六...

    216种web安全色(十六进制表示

    ### 216种Web安全色(十六进制表示) #### 概述 Web安全色是一种特定的颜色集合,主要用于早期的网页设计中。这些颜色基于有限的色彩空间,旨在确保跨不同设备和浏览器时能够一致地显示。随着技术的发展,虽然现代...

    web常用安全色

    "Web常用安全色"这一主题,旨在为没有美术基础的网站开发者提供一套实用的颜色指南,确保他们的网站在视觉呈现上既能吸引用户,又能遵循无障碍设计原则。 首先,我们要理解什么是“安全色”。在Web设计中,安全色...

    Web216色大辞典

    为了确保网页在各种显示设备上都能保持一致的颜色显示,人们定义了一套标准的216种颜色,即“Web安全颜色”。这些颜色是基于每种颜色分量(红、绿、蓝)都是51或其倍数的原则选取的,因此可以在所有类型的显示器上...

    页面安全色

    WEB的安全色,如绿色#090,深红#900

    必备网页设计--网页配色216安全色.pdf

    这份“必备网页设计--网页配色216安全色.pdf”文档提供了一套完整的网页安全颜色方案,这些颜色在各种显示器上都能保持一致,避免了因色彩显示差异带来的问题。 在网页设计中,安全色是指那些在不同设备和浏览器上...

    配色辞典(Web216色大辞典、和色大辞典、色谱表、颜色英文代码全集等)

    1. **Web216色大辞典**:在早期的Web设计中,由于浏览器对颜色的支持限制,设计师通常只能使用216种所谓的“Web安全色”。这是一组确保在所有操作系统和浏览器上都能准确显示的颜色。Web216色大辞典提供了这些颜色的...

    网页安全色大全

    在【网页安全色大全.mht】文件中,可能包含了所有216种网页安全色的展示,以及它们在网页设计中的应用示例。MHT(MHTML,多用途互联网邮件扩展类型)是一种单一文件格式,可以包含网页的HTML、图像和其他资源,方便...

    屏幕取色器 webcolor

    此款软件的一大特点是融入了网页设计师常用200种网页颜色表、WEB2.0常用安全216色表、同一个色系样本表、颜色色名表、调色配色等。您可以很方便的查看和选择你想要的颜色和十六进制对应的值。适合于任何取色配色的...

    216-Color Webmaster's Palette系列色板

    这个色板是基于Web安全色的概念,即在主流浏览器中能够无差异显示的216种颜色。 首先,我们要理解什么是“216安全色”。在256色的色彩模式下,由于早期的网页浏览器(如Internet Explorer 4和Netscape Navigator 4...

    JavaScript取得WEB安全颜色列表的方法

    //JavaScript取得216种WEB安全色值 var n = 0; var hex = new Array('FF', 'CC', '99', '66', '33', '00'); function colorPanel(){ for (var i = 0; i < 6; i++) { for (var j = 0; j < 6; j++) { for ...

    代替IIS的绿色web服务器NetBox

    - **安全性和稳定性**:尽管NetBox小巧,但它依然注重安全性,提供了基本的安全防护措施,如防火墙规则和访问控制。 - **自定义配置**:尽管比IIS简单,NetBox仍允许用户进行一定程度的配置,以适应特定的项目需求...

    216种Web安全颜色谱

    4. Web安全色与非安全色:所谓Web安全色,指的是那些在旧式计算机上能够被正确显示的颜色。与之对应的是非安全色,即那些可能在不同计算机或浏览器上显示不一致的颜色。随着计算机显示技术的发展,大多数现代显示器...

    一个绿色WEB服务器

    【标题】"一个绿色WEB服务器"指的是无需安装即可运行的Web服务器软件,它通常是一个便携式的、不依赖...然而,对于大型企业或高并发的生产环境,可能需要功能更强大、安全性更高的专业Web服务器如IIS、Apache或Nginx。

    Nginx高性能WEB服务器系列 最新 安全 绿色

    基于web的网上绿色商城开发

    通过SVN,团队成员可以安全地共享代码,避免了冲突并提高了效率。 商城的各部分功能写法均不一样,这表明该系统设计遵循了模块化和分层架构的原则。可能包括前端展示层、业务逻辑层和数据访问层。前端可能使用HTML...

    代替IIS的绿色web服务器

    6. **安全性**:虽然绿色Web服务器简化了安装和使用过程,但并不意味着安全性的妥协。用户仍需关注服务器的安全配置,如更新补丁、限制访问权限、设置防火墙规则等,确保数据安全。 7. **扩展性与插件**:尽管绿色...

    绿色web服务器

    5. **安全**:尽管体积小,但应具备基本的安全防护功能,如防止非法访问和攻击。 6. **日志记录**:提供日志功能,帮助用户追踪服务器运行状态和错误信息。 在实际应用中,用户可以使用EasyWebSvr来: - **本地开发...

Global site tag (gtag.js) - Google Analytics