我所了解的WEB开发(3) - 彩虹的颜色
据说彩虹有七彩颜色,从外至内分别为:红、橙、黄、绿、青、蓝、紫。这些我倒是没有验证过,但是学生时代就不止一次色盲检测,还是让我足够确信对颜色的分辨应该和大多数人相似的。

还听说大多数哺乳动物是色盲。如牛、羊、马、狗、猫等,几乎不会分辨颜色,反映到它们眼睛里的色彩,只有黑、白、灰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进制 的编码形式。
浏览器接收到这些编码信息,就可以呈现出成你想要的颜色了。
我所了解的WEB开发(3) - 彩虹的颜色的更多相关文章
- 作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的
前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...
- Web开发需要关注的技术细节
摘要:在网站发布前,开发者需要关注有许多的技术细节,比如接口设计.用户体验.安全性.Web标准.性能.SEO等,倘若一个疏忽就会影响到整体的体验效果.作为一名Web开发者,哪些技术细节需要考虑呢? [ ...
- web开发人员
随笔- 4 文章- 18 评论- 12 [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的 前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章> ...
- [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的
前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...
- 为什么做java的web开发我们会使用struts2,springMVC和spring这样的框架?
今年我一直在思考web开发里的前后端分离的问题,到了现在也颇有点心得了,随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑 ...
- Go web开发初探
2017年的第一篇博客,也是第一次写博客,写的不好,请各位见谅. 本人之前一直学习java.java web,最近开始学习Go语言,所以也想了解一下Go语言中web的开发方式以及运行机制. 在< ...
- 【初码干货】使用阿里云对Web开发中的资源文件进行CDN加速的深入研究和实践
提示:阅读本文需提前了解的相关知识 1.阿里云(https://www.aliyun.com) 2.阿里云CDN(https://www.aliyun.com/product/cdn) 3.阿里云OS ...
- .NET Web开发技术简单整理
在最初学习一些编程语言.一些编程技术的时候,做的更多的是如何使用该技术,如何更好的使用该技术解决问题,而没有去关注它的相关性.关注它的理论支持,这种学习技术的方式是短平快.其实工作中有时候也是这样,公 ...
- web 开发自动化grunt
现在web开发自动化已很流行,如何进行压缩文件,如何进行测试js是否正确,如何进行 检测html文件是否规范等等都可以通过web自动化技术进行实现,只要打一个命令即可. 本文主要是通过grunt进行实 ...
随机推荐
- -webkit-min-device-pixel-ratio的常见值对照
-webkit-min-device-pixel-ratio为1.0 所有非Retina的Mac 所有非Retina的iOS设备 Acer Iconia A500 Samsung Galaxy Tab ...
- java中的==和equals
1,==用于比较基本数据类型,和引用类型.而equals是Object上的方法,可以被子类重写,用于判断内容一致. 比较奇葩的是,java基本数据类型(byte,short,int,long,floa ...
- 十三、EnterpriseFrameWork框架核心类库之数据库操作(多数据库事务处理)
本章介绍框架中封装的数据库操作的一些功能,在实现的过程中费了不少心思,针对不同数据库的操作(SQLServer.Oracle.DB2)这方面还是比较简单的,用工厂模式就能很好解决,反而是在多数据库同时 ...
- undefined function mysql_connect()解决方法
在配置apache+php+mysql后,打开一个php网页文件正常,但是php网页中连接数据库时,出现以下提示: Fatal error: Call to undefined function my ...
- php和egret的配合
egret对资源路径和js的应用都是相对路径,而在现在许多流行的框架里,一般都把js和资源放到专门的文件夹下,如public. 修改步骤: 1.修改index.html,改为全路径,如: <sc ...
- Linux内核中双向链表的经典实现
概要 前面一章"介绍双向链表并给出了C/C++/Java三种实现",本章继续对双向链表进行探讨,介绍的内容是Linux内核中双向链表的经典实现和用法.其中,也会涉及到Linux内核 ...
- 求1+2+3+...+n
求1+2+3+...+n,要求不能使用乘除法.for.while.if.else.switch.case等关键字及条件判断语句(A?B:C). 卧槽,剑指Offer竟然有这样的题... public ...
- js-变量
一.变量的类型 Javascript和Java.C这些语言不同,它是一种无类型.弱检测的语言.它对变量的定义并不需要声明变量类型,我们只要通过赋值的形式,可以将各种类型的数据赋值给同一个变量.例如: ...
- CSS3魔法堂:禁止用户改变textarea大小
一.前言 在FF.Chrome和Safari下默认时允许用户以拖拽形式来改变textarea大小,这不仅与IE下textarea的行为特点有异,而且textarea的大小变化会撑大其父节点从而破坏整体 ...
- CentOS6.5菜鸟之旅:安装输入法(小呀小企鹅)
一.前言 假如在登录系统的时候语言选择了中文,那么是系统会自带ibus的中文输入法.但由于我打算用英文版,于是就被小企鹅输入法(FCITX)折腾了两个晚上. 二.检查系统编码 在bash中输入 loc ...