据说彩虹有七彩颜色,从外至内分别为:红、橙、黄、绿、青、蓝、紫。这些我倒是没有验证过,但是学生时代就不止一次色盲检测,还是让我足够确信对颜色的分辨应该和大多数人相似的。
 
还听说大多数哺乳动物是色盲。如牛、羊、马、狗、猫等,几乎不会分辨颜色,反映到它们眼睛里的色彩,只有黑、白、灰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. Sql Server:不允许 ASSIGNMENT 语句中包含 FOR XML 子句

    编写函数的时候遇到“不允许 ASSIGNMENT 语句中包含 FOR XML 子句”错误,开始以为数据库函数里不可以写 FOR XML 子句,仔细看了看总觉得这么写别扭索性改了一种写法就通过了. BE ...

  2. Could not find the Visual SourceSafe Internet Web Service connection information for the specified database Would you like to launch the Visual sourceSafe connection wizard?

    今天同事遇到个奇怪问题,以前也遇到过,不过重新绑定一下就OK了,不知道为什么今天不行了. 错误提示:===============================================Cou ...

  3. table变宽格式

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. BeginInvoke与Invoke的区别

    简单的讲就是 BeginInvoke不需要等待方法运行完毕,就会继续执行下面的代码 Invoke则必须等待Invoke中的代码运行完毕,才会继续执行下面的代码. 可以通过下面的项目测试上面所描述的观点 ...

  5. 怎样在EPLAN P8里创建自己想要的电气元件符号

    1.打开Eplan P8 ,新建一个名为"新项目"的项目,然后选择菜单"工具"----"主数据"-----"符号库"-- ...

  6. [LeetCode] Remove Invalid Parentheses

    This problem can be solved very elegantly using BFS, as in this post. The code is rewritten below in ...

  7. [转]MySQL与MongoDB的操作对比

    MySQL与MongoDB都是开源的常用数据库,但是MySQL是传统的关系型数据库,MongoDB则是非关系型数据库,也叫文档型数据库,是一种NoSQL的数据库.它们各有各的优点,关键是看用在什么地方 ...

  8. Sidekiq任务堵塞问题

    今天发现服务器上的sidekiq 线程全忙.队列里任务积累了好多. sidekiq里的任务基本都是爬虫脚本,都需要请求外部网站.但是有些网站的响应时间或者读取时间太久,一直一直卡在那里.使得后面的任务 ...

  9. JS 传递对象问题,指针引用

    $(function () { var test1 = function (args) { args.name = "lcc2"; args = { name: "lcc ...

  10. Android系统架构说明介绍

    Android系统架构说明介绍 Android系统架构和一些普遍的操作系统差不多,都是采用了分层的架构,从他们之间的架构图看,Android系统架构分为四个层,从高层到低层分别是应用程序层.应用程序框 ...