╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → 网页安全色


  共有18269人关注过本帖树形打印复制链接

主题:网页安全色

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
网页安全色  发帖心情 Post By:2009/10/18 15:27:43 [只看该作者]

什么是216网页安全色?

我们了解了“数字色彩”以后,就会知道网页中的颜色会受到各种不同环境的影响。即使你的网页使用了非常合理、非常漂亮的配色方案,但是如果每个人浏览的时候看到的效果都各不相同,那么你的配色方案的意愿就不能够非常好地传达给浏览者。

那么我们要通过什么方法才能解决这一问题呢?

答案就是——216网页安全色。

216网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合(调色板),也就是说这些颜色在任何终端浏览用户显示设备上的现实效果都是相同的。所以使用216网页安全色进行网页配色可以避免原有的颜色失真问题。

网络安全色是当红色(Red)、绿色(Green)、蓝色(Blue)颜色数字信号值(DAC Count)为0、51、102、153、204、255时构成的颜色组合,它一共有 6 * 6 * 6 = 216 种颜色(其中彩色为210种,非彩色为6种)。

16进制色值表 / 10-16进制色值表

Dithering 是什么?

Dithering 是当目标颜色信息不可用时,通过混合其他相近颜色模拟显示目标颜色的一种处理方法。当网页中没有使用网页安全色时,系统就自动利用这种处理方法对超出网页安全色范围的颜色进行相应的处理。具体的方法就是选择两个类似的网页安全色进行交叉现实,而此时的现实效果通常都比较模糊。

下面这个图片,就是用Firewors输出的一个颜色在安全色范围之外的gif图片。

216网页安全色在需要实现高精度的渐变效果或显示真彩图像或照片时会有一定的欠缺,但用于显示徽标或者二维平面效果时却是绰绰有余的。

不过我们也可以看到很多站点利用其他非网页安全色做到了新颖独特的设计风格,所以我们并不需要刻意地追求使用局限在216网页安全色范围内的颜色,而是应该更好地搭配使用安全色合非安全色。

216网页安全色是根据当前计算机设备的情况通过无数次反复分析论证得到的结果,这对于一个网页设计师来说是必备的常识,且利用它可以拟定出更安全、更出色的网页配色方案。

各种不同的216网页安全色调色板

[此贴子已经被作者于2009-10-18 15:28:06编辑过]


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部
美女呀,离线,留言给我吧!
admin
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2009/10/18 15:31:16 [只看该作者]

在 HTML 中,颜色或者表示成十六进制值(如 #FF0000)或者表示为颜色名称 (red)。网页安全色是指以 256 色模式运行时,无论在 Windows 还是在 Macintosh 系统中,在 Netscape Navigator 和 Microsoft Internet Explorer 中的显示相同的颜色。传统经验是,有 216 种常见颜色,而且任何结合了 00、33、66、99、CC 或 FF 对(RGB 值分别为 0、51、102、153、204 和 255)的十六进制值都代表网页安全色。

但测试显示仅有 212 种网页安全色而不是全部 216 种,原因在于 Windows Internet Explorer 不能正确呈现颜色 #0033FF (0,51,255)、#3300FF (51,0,255)、#00FF33 (0,255,51) 和 #33FF00 (51,255,0)。

当 Web 浏览器第一次设置它们的外观时,大部分计算机只显示 265 色(8 位)。今天,大多数计算机都能显示数以千计或数以百万计的颜色(16 位和 32 位),所以如果您为使用当前计算机系统的用户开发站点时,完全没有必要使用浏览器安全调色板。

使用网页安全颜色调色板的一种情况是开发适用于替代 Web 设备,如 PDA 和手机显示屏的站点。许多这类设备只提供黑白色(1 位)或 256 色(8 位)显示屏。

Dreamweaver 中的"立方色"(默认)和"连续色调"调色板使用 216 色网页安全调色板,从这些调色板中选择颜色会显示颜色的十六进制值。

若要选择网页安全范围外的颜色,请单击 Dreamweaver 颜色选择器右上角的"调色盘"按钮打开系统颜色选择器。系统颜色选择器不限于网页安全色。

Netscape Navigator 的 UNIX 版本使用与 Windows 和 Macintosh 版本不同的调色板。如果专门为 UNIX 浏览器开发(或者目标用户是使用 24 位显示器的 Windows 或 Macintosh 用户或使用 8 位显示器的 UNIX 用户),请考虑使用结合了 00、40、80、BF 或 FF 对的十六进制值,这些值产生用于 Sun 系统的网页安全色。

Web 网页安全色谱

Snow 255 250 250 #FFFAFA
GhostWhite 248 248 255 #F8F8FF
WhiteSmoke 245 245 245 #F5F5F5
Gainsboro 220 220 220 #DCDCDC
FloralWhite 255 250 240 #FFFAF0
OldLace 253 245 230 #FDF5E6
Linen 250 240 230 #FAF0E6
AntiqueWhite 250 235 215 #FAEBD7
PapayaWhip 255 239 213 #FFEFD5
BlanchedAlmond 255 235 205 #FFEBCD
Bisque 255 228 196 #FFE4C4
PeachPuff 255 218 185 #FFDAB9
NavajoWhite 255 222 173 #FFDEAD
Moccasin 255 228 181 #FFE4B5
Cornsilk 255 248 220 #FFF8DC
Ivory 255 255 240 #FFFFF0
LemonChiffon 255 250 205 #FFFACD
Seashell 255 245 238 #FFF5EE
Honeydew 240 255 240 #F0FFF0
MintCream 245 255 250 #F5FFFA
Azure 240 255 255 #F0FFFF
AliceBlue 240 248 255 #F0F8FF
lavender 230 230 250 #E6E6FA
LavenderBlush 255 240 245 #FFF0F5
MistyRose 255 228 225 #FFE4E1
White 255 255 255 #FFFFFF
Black 0 0 0 #000000
DarkSlateGray 47 79 79 #2F4F4F
DimGrey 105 105 105 #696969
SlateGrey 112 128 144 #708090
LightSlateGray 119 136 153 #778899
..........more

http://www.playes.net/Blog/224.asp

[此贴子已经被作者于2009-10-18 15:33:28编辑过]


  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部