Web安全色的意义

问题:

不同的平台(Mac、PC等)有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大。

选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。

为了解决Web调色板的问题,人们一致通过了一组在所有浏览器中都类似的Web安全颜色。

解决方法:

这些颜色使用了一种颜色模型,在该模型中,可以用相应的16制进制值00、33、66、99、CC和FF来表达三原色(RGB)中的每一种。这种基本的Web调色板将作为所有的Web浏览器和平台的标准,它包括了这些16进制值的组合结果。这就意味着,我们潜在的输出结果包括6种红色调、6种绿色调、6种蓝色调。6*6*6的结果就给出了216种特定的颜色,这些颜色就可以安全的应用于所有的Web中,而不需要担心颜色在不同应用程序之间的变化。[1]

对于我们来说,将某种颜色的10进制值转化为16进制值不是一件容易的事情,尽管我们可以学会将RGB颜色转化为16进制的数学原理。

但是我们使用大多数图像编辑或者绘画程序中提供的颜色转化工具进行转化更为容易。通过使用滴管工具,可以在任何所需的颜色上单击,然后再颜色的拾取器中查看该颜色的RGB、HSB、CMYK、LAB和最终16进制数值。

在HTML中,可以根据个人的意愿,通过编辑编码来修改文字和背景颜色,同时可以通过制定颜色的16进制数值来完成操作。代码相当简单---在HTML文件中的<BODY>标签之后添加--<BGCOLOR="#CC3333">(暗红色代码)代码就得。

时间: 2024-11-10 15:16:12

Web安全色的意义的相关文章

第四章 值和单位 之 WEB安全色

前言 第四章主要讲了网页开发中的 长度单位以及表示颜色的值,重点应该关注的是em和px的区别,但是感觉熟知这个知识点已经很久了,所以姑且先不去梳理,倒是这章提到的WEB安全色有点吸引眼球,很久以前就见过这个概念,一直没去搞懂,所以今天就来粗浅的研究研究! 一.什么是WEB安全色 所谓"WEB安全"颜色是指,在256色计算机系统上总能避免抖动的颜色. WEB安全色可以表示为RGB值的20% ,51的倍数(十六进制表示为33). 采用十六进制记法,使用值00,33,66,99,CC,FF

#常备资源# Web安全色

什么是WEB安全色 不同的平台(Mac.PC等)有不同的调色板,不同的浏览器也有自己的调色板.这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大. 选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色.如果浏览器中没有所选的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色. 为了解决Web调色板的问题,人们一致通过了一组在所有浏览器中都类似的Web安全颜色. 这些颜色使用了一种颜色模型,在该模型中,可以用相应的16制进制

html-----012---颜色的改变

颜色由红色.绿色.蓝色混合而成. 颜色值 颜色由一个十六进制符号来定义,这个符号由红色.绿色和蓝色的值组成(RGB). 每种颜色的最小值是0(十六进制:#00).最大值是255(十六进制:#FF). 这个表格给出了由三种颜色混合而成的具体效果: 颜色名 大多数的浏览器都支持颜色名集合. 提示:仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持.它们是:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive

web语义化

一:web语义化的原因 HTML 是联系大多数 Web 资源的纽带,也是内容的载体.设计起初的想法也许很简单:用来发布 Web 内容和资源的索引,方便人们查看.规模并不是太大,也不能遍及我们生活的方方面面.但是随着 Web 规模的不断扩大,信息量之大已经不在人肉处理的范围之内了.这时候人们开始用机器来处理 Web 上发布的各种内容,搜索引擎就诞生了.再后来,人们又设计了各种智能程序来对索引好的内容作各种处理和挖掘.所以让机器能够更好地读懂 Web 上发布的各种内容就变得越来越重要. 如下图表示:

周末web前端练习

在 CSS 样式定义中,以下哪种 RGB 颜色值是 Web 安全色? A]#111111B]#222222C]#333333D]#444444 答案:http://hovertree.com/tiku/bjaf/72jaf1n0.htm 解析:http://hovertree.com/h/bjaf/0i85qaml.htm 以下哪个段落显示时不会出现大写字母? A]<p style="font-variant: small-caps">hovertree</p>

Google Polymer以及Web UI框架

时代在进步,原本前端只是用来简单的数据显示以及提交数据到后端处理逻辑的地方,而随着SPA的发展,前端的逻辑也越来越是庞大,恰巧,今天看微博的时候,发现一个概念讨论的比较多,就是 Web Components,顺藤摸瓜,做了一些了解,发现 Polymer 这样一个或许是未来的东东,至少有一点,chrome将会原生支持.收集了一些资料,多家学习. 1. Polymer Polymer由以下几层组成: 基础层(Foundation)——platform.js:基本构建块,其中大部分API最终将成为原生

几道web前端练习题目

在 HTML 语言中,以下哪个属性不是通用属性?A]<class>B]<title>C]<href>D]<style> 在线练习:http://hovertree.com/tiku/bjaf/qi1g37nf.htm 在 CSS 样式定义中,以下哪种 RGB 颜色值是 Web 安全色?A]#111111B]#222222C]#333333D]#444444 查看答案:http://hovertree.com/tiku/bjaf/72jaf1n0.htm 在下

【JavaScript】谈谈Google Polymer以及Web UI框架的未来

摘要:开发者Axel Rauschmayer在自己的博客上详解了Google Polymer的设计理念与组成架构,深得Polymer开发者的认同.他认为Polymer这样高互操作性的设计才应该是Web开发的未来. 虽然今年的Google I/O也已结束,但会上揭晓的新技术.新工具仍然让开发者兴奋不已.其中Web开发方面尤以Ploymer和Web Components为重. Polymer由加盟Google的原Palm webOS开发团队打造,是一套以“一切皆组件.最少化代码量.最少框架限制”为设

PWA(Progressive Web App)入门系列:(一)PWA简介

前言 PWA做为一门Google推出的WEB端的新技术,好处不言而喻,但目前对于相关方面的知识不是很丰富,这里我推出一下这方面的入门教程系列,提供PWA方面学习. 什么是PWA PWA全称Progressive Web App,直译是渐进式WEB应用,是 Google 在 2015 年提出,2016年6月才推广的项目.是结合了一系列现代Web技术的组合,在网页应用中实现和原生应用相近的用户体验. 所谓的P(Progressive)这里有两层含义,一方面是渐进增强,让WEB APP的体验和功能能够