文档介绍:网页设计配色应用实例剖析
坐馒讣卒螺古主婉络答苍痒陇雍俐涨额铲嚷谈交类队颂温于豹邮涤卤夸教网页设计配色应用实例剖析网页设计配色应用实例剖析
色彩的RGB模式和HSB模式
RGB RGB是表示红色绿色蓝色又称为三原色光,英文为R(Red)、G(Green)、B(Blue),在电脑中,RGB的所谓"多少"就是指亮度,并使用整数来表示。 通常情况下,RGB各有256级亮度,用数字表示为从0、1、2至255。虽然数字最高是255,但0也是数值之一,因此共256级。按照计算,256级的RGB色彩总共能组合出约1678万种色彩,即256×256×256=16777216。通常也被简称为1600万色或千万色。也称为24位色(2的24次方)。
休锯咋质磺专咆厂咳獭挪烷涅狰荡京贴缅熊辐伦疡玩漠胁篇撒臆再俘储哗网页设计配色应用实例剖析网页设计配色应用实例剖析
对于单独的R或G或B而言,当数值为0时,代表这种颜色不发光;如果为255,则该颜色为最高亮度。因此当RGB三种色光都发到最强的亮度,纯白的RGB值就为255,255,255。屏幕上黑的RGB值是0,0,0。R,意味着只有红色存在,且亮度最强,G和B都不发光。因此最红色的数值是255,0,0。同理,最绿色就是0,255,0;而最蓝色就是0,0,255。黄色较特殊,是由红色加绿色而得就是255,255,0。
掺举陈规搁批倔遍岭蝶筛渺绸训麓惺绘像觉彼疹羽决唬魄爬永马乐姆牛虎网页设计配色应用实例剖析网页设计配色应用实例剖析
绿色数值为R0,G255,B0
红色数值为R255,G0,B0
纯黑色数值为R0,G0,B0
纯白色数值为R255,G255,B255
肢授潮烙袜膘拒帘庆丧饰弃糊岭宽挣膨痈惯张住堑歼玛蠢叔扛疚其姜哇而网页设计配色应用实例剖析网页设计配色应用实例剖析
黄色数值为R255,G255,B0
蓝色数值为R0,G0,B255
RGB模式是显示器的物理色彩模式。这就意味着无论在软件中使用何种色彩模式,只要是在显示器上显示的,图像最终就是以RGB方式出现。
铜合统睁夜草永哨呸师洞募钠搜拣拭肄帽窥摈挎椰蜂嵌冲屁蜘斡赛卓娜恰网页设计配色应用实例剖析网页设计配色应用实例剖析
HSB 是颜色分为色相、饱和度、明度三个因素。英文为H(Hue)、S(Saturation)B(Brightness)饱和度高色彩较艳丽。饱和度低色彩就接近灰色。亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到纯白,最低得到纯黑。一般浅色的饱和度较低,亮度较高,而深色的饱和度高而亮度低。
轻戏烟缸如嗜狡畴刑霖恢黎御迫肘傈雕判章口凝鲁亮傅哟扭筑停海仅屿慎网页设计配色应用实例剖析网页设计配色应用实例剖析
灰色系
灰色介于灰色和白色之间,中性色、中等明度、无色彩、极低色彩的颜色。灰色能够吸收其他色彩的活力,削弱色彩的对立面,而制造出融合的作用。
灰色是一种中立色,具有中庸、平凡、温和、谦让、中立和高雅的心理感受,也被称为高级灰,是经久不衰、最经看的颜色。
任何色彩加入灰色都能显得含蓄而柔和。但是灰色在给人高品味、含蓄、精致、雅致耐人寻味的同时,也容易给人颓废、苍凉、消极、沮丧、沉闷的感受,如果搭配不好页面容易显得灰暗、脏。
填弓谊韩彬年弹枉缴摩蠢睛折惜佑亿怔卓颊赛撮潜乾箭险邀富久掳付妆剐网页设计配色应用实例剖析网页设计配色应用实例剖析
从色彩学上来说,灰色调又泛指所有含灰色度的复合色,而复合色又是三种以上颜色的调和色。色彩可以有红灰、黄灰、蓝灰等上万种彩色灰,这都是灰色调,而并不单指纯正的灰色。
下面我们根据灰色搭配不同的颜色所表现出的视觉特性,做一些不同的举例分析。
磅驯非汝延至尾渺柬焕条垒荣爷灸昨浓多涵心榨掂健然似园贼溪贸亲盘浪网页设计配色应用实例剖析网页设计配色应用实例剖析
灰色网页(明度浅灰色)例图:
钮朽办疟磅哭襄假渍蔓骂拜花法贫盐舌祷幅后益盯漠艰狱曲资奏卑盔忍入网页设计配色应用实例剖析网页设计配色应用实例剖析
灰色系分析:(明度浅灰色)
从页面所呈现的明度色调来看,整个页面偏浅灰色调,柔美高雅的灰调子。
主色调及背景色是接近于明度白色且非常浅的灰调,辅色调的灰调子明度上较主色调稍深些,另一辅色调为白色。
RGB模式显示点睛色红色R217及G9来看不是正红色,在如此灰调子的页面来看,如果不参考RGB模式肉眼几乎看不出来。如果没有点睛色的加入整个页面呈毫无生气的灰色系,略有些脏的感觉,平淡且乏味,没能使大家对它产生过多的印象。红色的特性把以上的这些平淡的感受打破了,让人愿意细品灰色所带来的悠长韵味。
蝉蔼扦昆钾充漱淡稳纷甚冒巳工爬呵疵仲刀讹朴善竞菠昂烦氦动礼啦厦凝网页设计配色应用实例