据说彩虹有七彩颜色,从外至内分别为:红、橙、黄、绿、青、蓝、紫。这些我倒是没有验证过,但是学生时代就不止一次色盲检测,还是让我足够确信对颜色的分辨应该和大多数人相似的。
 
还听说大多数哺乳动物是色盲。如牛、羊、马、狗、猫等,几乎不会分辨颜色,反映到它们眼睛里的色彩,只有黑、白、灰3 种颜,它们只需要看清运动的物体就足够了,所以未进化识别多种颜色的能力。我们祖先在靠吃水果为生的年代就有了识别颜色的需要,通过颜色分辨出哪些是成熟的果子。

WEB页面的设计中,配色方案是一个很重要的环节,不用的网站类型需要选择合适的配色方案,颜色的搭配要体现出网站的主题,也必须要考虑到用户的心理反应。比较有代表性的就是汶川地震后,各大门户网站一夜之间直接都改成了灰色配色,相信大家都能感受到其中的悲伤。 在这一年之后我们做个一个蛋糕预定网站,设计师基本上采用巧克力色作为主要配色,网站上线没过多久就被下线了,巧克力色和之前门户的灰色调真是太接近了。
    配色方案及色彩心理学是一门很值得把玩的方向,可惜我对此也是一个门外汉,今天只是简单的介绍下颜色的编码和识别。

作为一个WEB开发人员可能很少有机会去整体上对网站进行配方方案的设计,但是对颜色的识别、颜色的编码是必须要了解的。大学时在课堂上听过香农信息论的皮毛,根据他老人家的理论,信息在发送前要进行编码,在接收后要进行解码,才能正常的完成一次通信。
ascii、utf-8,gbk,gb2312 这些编码解码的规范相信大家都耳熟能详了吧,如果还没有建议问下度娘。

WEB开发中对颜色怎么进行编码那?

颜色名称
中文名
RGB16进制
RGB10进制
词源/备注
AliceBlue
爱丽丝蓝
#F0F8FF
240, 248, 255
美国前总统西奥多·罗斯福长女爱丽丝
·罗斯福·朗沃斯创造的时尚色
AntiqueWhite
古董白
#FAEBD7
250, 235, 215
  
AquaMarine
碧 绿
#7FFFD4
127, 255, 212
亦作“碧蓝”,但其主色调为绿色
Azure
青白色
#F0FFFF
240, 255, 255
本为湛蓝,但在Web色中是一种浅色

CSS中支持上面 的 英文名称、 RGB16进制、RGB10进制 的编码形式。

.divcss3{color:#FF0000}
.divcss3{color:red}
.divcss3{color:rgb(255,0,0);}

浏览器接收到这些编码信息,就可以呈现出成你想要的颜色了。

我所了解的WEB开发(3) - 彩虹的颜色的更多相关文章

  1. 作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的

    前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...

  2. Web开发需要关注的技术细节

    摘要:在网站发布前,开发者需要关注有许多的技术细节,比如接口设计.用户体验.安全性.Web标准.性能.SEO等,倘若一个疏忽就会影响到整体的体验效果.作为一名Web开发者,哪些技术细节需要考虑呢? [ ...

  3. web开发人员

    随笔- 4  文章- 18  评论- 12  [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的   前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章> ...

  4. [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的

    前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...

  5. 为什么做java的web开发我们会使用struts2,springMVC和spring这样的框架?

    今年我一直在思考web开发里的前后端分离的问题,到了现在也颇有点心得了,随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑 ...

  6. Go web开发初探

    2017年的第一篇博客,也是第一次写博客,写的不好,请各位见谅. 本人之前一直学习java.java web,最近开始学习Go语言,所以也想了解一下Go语言中web的开发方式以及运行机制. 在< ...

  7. 【初码干货】使用阿里云对Web开发中的资源文件进行CDN加速的深入研究和实践

    提示:阅读本文需提前了解的相关知识 1.阿里云(https://www.aliyun.com) 2.阿里云CDN(https://www.aliyun.com/product/cdn) 3.阿里云OS ...

  8. .NET Web开发技术简单整理

    在最初学习一些编程语言.一些编程技术的时候,做的更多的是如何使用该技术,如何更好的使用该技术解决问题,而没有去关注它的相关性.关注它的理论支持,这种学习技术的方式是短平快.其实工作中有时候也是这样,公 ...

  9. web 开发自动化grunt

    现在web开发自动化已很流行,如何进行压缩文件,如何进行测试js是否正确,如何进行 检测html文件是否规范等等都可以通过web自动化技术进行实现,只要打一个命令即可. 本文主要是通过grunt进行实 ...

随机推荐

  1. CSS - Select 标签在不同浏览器中的高度设置

    当使用Select标签时,在不同浏览器中显示的高度不同,如何解决此问题: 解决方法链接:http://stackoverflow.com/questions/20477823/select-html- ...

  2. AD10长方形通孔焊盘的画法

    1.点击工具栏中[放置焊盘]按钮 2.按键盘Tab键弹出[焊盘]对话框 3.设置[空洞信息]相关尺寸(根据自己所需实际设置) 这里左边的单选按钮选择“槽”,通孔尺寸输入20mil,长度为80mil,旋 ...

  3. Copy15G的初始容量,注册就再送5G,邀请注册的人也送5G

    Copy15G的初始容量,注册就再送5G,邀请注册的人也送5G,可谓是史上最隆重最给力的容量赠送活动~~~https://copy.com?r=kFpfsZ

  4. 图文详解远程部署ASP.NET MVC 5项目

    话外篇: 由于感觉自己的机器比较慢,配置不好,所以最近想把之前的项目部署到实验室的服务器上,但是由于常不在实验室,所以在想能不能远程部署.因此今天专门研究了一下具体的过程,下面和大家分享一下.本人新手 ...

  5. C#获取内网和外网IP

    写了个小客户端,里面用到了获取内网和外网的IP地址,代码如下: // InnerIP var ipHost = Dns.Resolve(Dns.GetHostName()); ]; innerIP = ...

  6. (转)offsetof与container_of宏[总结]

    1.前言 今天在看代码时,遇到offsetof和container_of两个宏,觉得很有意思,功能很强大.offsetof是用来判断结构体中成员的偏移位置,container_of宏用来根据成员的地址 ...

  7. 【.Net底层剖析】2.stfld指令-给对象的字段赋值

    .Net底层剖析目录章节 1.[深入浅出.Net IL]1.一个For循环引发的IL 2.[.Net底层剖析]2.stfld指令-给对象的字段赋值 3.[.Net底层剖析]3.用IL来理解属性 引言: ...

  8. 解决 ERROR: JDWP Transport dt_socket failed to initialize, TRANSPORT_INIT(510)异常

    ERROR: JDWP Transport dt_socket failed to initialize, TRANSPORT_INIT(510) 解决方案: 在java_opts="-Xd ...

  9. mysql update时报错You are using safe update mode

    在使用mysql执行update的时候,如果不是用主键当where语句,会报如下错误,使用主键用于where语句中正常. ) Error Code: . You are using safe upda ...

  10. Manacher算法 - 求最长回文串的利器

    求最长回文串的利器 - Manacher算法 Manacher主要是用来求某个字符串的最长回文子串. 不要被manacher这个名字吓倒了,其实manacher算法很简单,也很容易理解,程序短,时间复 ...