蓝 色是色彩中比较沉静的颜色。象征着永恒与深邃、高远与博大、壮阔与浩渺，是令人心境畅快的颜色。蓝色的朴实、稳重、内向性格，衬托那些性格活跃、具有较强扩张力的色彩，运用对比 手法，同时也活跃页面。另一方面又有消极、冷淡、保守等意味。蓝色与红、黄等色运用得 当，能构成和谐的对比调和关系。蓝色是冷色调最典型的代表色，是网站设计中运用得最多的颜色，也是许多人钟爱的颜 色。蓝色表达着深远、永恒、沉静、无限、理智、诚实、寒冷的多种感觉。蓝色会给人很强 烈的安稳感，同时蓝色还能够表现出和平、淡雅、洁净、可靠等。下面我们根据蓝色系不同属性的同类色、邻近色、高纯度对比、相对对比色等色彩搭配 做不同的举例分析。f蓝色高纯度对比网页例图：http:/www.toysdesign.comtlJV2主色调辅色调点睹色背杲色RD H.2I9-R.D H .325R226 H：51BPG：S5 S：1D0%G：14-5 S：1D0%GO S：1W%B：1B丁成网页设计与配色实例分析B：162 B：7ZB.246 B.96%na Q m rm ms tuHS mnr m 皿 WJ !Z mi IBM Ttier kii hi i hlm fl-s:rtL u in em i h ti m BB V NSfl n I* nil碑工 nim WlDIt WtDH lirMIC IKKrain IB MKWin蓝色系分析：（高纯度对比：蓝色+玫瑰色）蓝色的HSB数值H色相为240度时是正蓝色。上图的HSB模式S数值显示，所有主 要配色的饱和度都是100%。从主色调、辅色调HSB模式的数值可看出，这两种颜色在明度 上有较大的区别，色相上稍有轻度变化，饱和度相同。RGB模式上看，主色调与辅色调R 数值都为0, G绿色的数值和B蓝色数值分量的变化，得到了不同蓝色的两结果。点睛色仅 是R红色与B蓝色两色调和而得没有掺杂其他颜色，因此饱和度呈最高值100%。整个页面 配色的饱和度都为 100%，页面整体配色看起来视觉冲击力异常强烈。辅助色白色让页面上的颜色的特性发挥到极致，是不可缺少的辅助配色。结论：响亮、强烈刺激的词语似乎都适用于上图页面，源于高纯度烘托、微妙的冷暖变 化配色上，体现出现代都市张扬时尚的气息。白色块面的线型使得这种高纯度高强度的配色 变得响亮却也缓和。辅色调蓝色的运用透露出设计师的大胆与魄力，玫瑰色在色轮表里算是冷色系，但是与 蓝色广义上的对比来说是暖色，在这里与蓝色搭配算是绝配了。整个页面无不体现出特色和 个性。f 蓝色浅蓝色网页例图：http:/www.voeslauer.com/start.htmlSPQII SPOTS SPOT3BEREICW WiHLtW主色调R 169G：215 S：2B%B：23fl B：93%辅色调R.225 H.192 G：24-6 S：1DWB：251点睛色背杲色R：100 H.35S-G：75S：52%B：157活瓦网页设计与配色实例分析蓝色系分析： （同类色：浅蓝色）主色调HSB数值H显示200度，色轮度稍向绿色方位倾斜，但是由于从180度到270 度基本上给人的视觉呈现还是蓝色范畴，因此与视觉上广义的蓝色差别不大。该页面中间色较多，主要是在蓝色范畴内做明度的变化，所以色度差非常缓和，以致于 页面的色彩呈现非常柔和，甚至稍有些发灰的感觉，好在该页面还有些较大色块的浅蓝色及 白色，拉大了页面的色阶，使得这种灰的感觉减弱不少。点睛色的HSB数值是258，色轮趋势是向暖色紫色（相对冷暖色）倾向，变化微妙，是本 页面最温暖的颜色。蓝紫色在色相环中位于蓝色和紫色之间，所以它也蕴含着紫色的一些神 秘感，加上浅蓝色的雅致，所以亮度较高的蓝紫色显得非常高雅。在网页中，蓝紫色通常与 蓝色一起搭配使用。结论： 浅蓝色给人一种很宁静安静的心理感受。浅蓝色系有淡雅、清新、浪漫、高级的特质， 常用于化妆品、女性、服装网站。它是最具凉爽，清新特征的色彩。和白色混合时，能体现 柔顺，淡雅，浪漫的气氛。主色调选择明亮的蓝色，配以白色的背景和灰亮的辅助色，可以使站点干净而整洁，给 人庄重、充实的印象。该页面基本上属于同类色系，也是最保守稳妥且调和的配色方案。但该种配色看久了容 易呈现出平淡乏味的感受。蓝色深蓝色网页例图：http:/www.ro-audio.comONLINEABOUT ME划IP1尽MHfTWi M-ftlW T却村-TgnQncy regiitrin1!Th kmpacl al budf-ipR ihurviia-rii pron-aficy:Dn iiirefl S-wedish- rcflistn4HLaw RecfiTm$ndad StaEtirgi Diag#RH InOC QdT AQUA i I1hi* liit .sd $ntf kfitifdinAt -| f-IvroiiJ wN!h n Prpgnny C-alriury fi rlinig ClwF frO Edhon Homan in the Un4il Sl4/ls- ar a dP cMdtfining 科丰 1 A fteiLil-Bfben Bsrf ihI B tor preMH pChamdhnrbcii il RrtNOCQRTJkQUA Mmi m RAuuEei*2 hUhfd| o主色调辅色调点睹色背杲色R 0H200-R 17SH.ZQO ROH 1ECR.G6H：2irR：117H.154-G：1025:100%G2MS：21WG.153S：1D&%G：132 3：J&%G：1B7 S：1%B.153B.60%B：224B：36%B：153e：eo%B：3BB：74%E：1&2B：77W昭网页设计与配色实例分析蓝色系分析：（蓝色邻近配色：蓝色+绿色）从 HBS 模式的 S 饱和度数值 100%上看，不少朋友会有疑惑的感觉，认为看起来较为 柔和的颜色，饱和度或许会低，刺眼的颜色通常饱和度较高，其实不然，每个颜色有每个颜 色的不同属性特性。高纯度的色彩，明度的降低是协调视觉的一个因素，容易给人造成低纯 度的错觉。不同块面的邻近色交错排列，增强本页面视觉动感。 辅色调浅蓝色是背景色白色和主色调蓝色的中间色，它形成了页面配色的中间色阶，色 彩层次感增强以外，还使整个页面的颜色更为和谐。另一辅色调青色，是蓝色和绿色的结合体，包括在标志文字、文字标题上的运用，无疑 活跃了整个页面的配色环境。两个点睛色都略调高了明度，另一意义上是该页面配色的中间色阶。两点睛色都是在主 色调蓝色、辅色调青色的基础上衍生出来的颜色，这里“点睛”的作用不大，都属于和谐色系。结论： 很多站点都在使用蓝色与青绿色的搭配效果。蓝色、青绿色、白色的搭配可以使页面看 起来非常干净清澈，在我们的现实生活中运用的范围很广，可以说是随处可见的。主颜色选择明亮的蓝色，配以白色的背景和灰亮的辅助色，加上中间色阶的运用，可以使页面有干净整洁，给人庄重、充实的印象。这是一组非常愉悦和谐的邻近色系配色。中间色适度面积的运用及背景白色让这组