黄色系

结论： 多种辅助色份量相当冷暖搭配时，有饱和度稍低的 主色调牢牢把握住，整个页面容易调和。 由于页面颜色较丰富，点睛色在这里起到拉开各个 色彩层次的作用，明确主次角色。
黄色系分析： （低纯度黄色配色：黄色+蓝色）
该页面是属于纯度较低的多组配色页面，配 色难度似乎较大，但是按主色调、辅助色、点睛 色来细细分析就会发现容易多了。

本部分小结：
● 黄色是色彩系里明度最高的耀眼颜色，尤其是HSB数值H色相为60度正黄色时， 它的特性越明显。由于黄色的特性，在页面配色的时候可适当添加明度较深的颜色， 色阶层拉开，并起到协调刺眼的艳度作用。黄色饱和度、明度的不同变化传达不同的 意义和作用。 ● 无论是高纯度低纯度还是多色彩的页面配色，白色起到关键的作用。
黄色系分析：（黄绿色） 主色调为黄绿色，单纯而看，黄绿色是通常的 暖色的起始色、色彩中亮度最高的黄色与冷色的起 始色、绿色相结合而得，因此该颜色看起来非常明 快清新。 .ar 处于辅助色的非色彩黑色，中间的点缀色是主 色调黄绿色，很容易让人一时以为该颜色就是点睛 色。实际主色调黄绿色的明度非常高，饱和度这时 也很高，在明度最低的黑色衬映下就异常显眼。 背景色使用略有些渐变的效果，正是黄绿和黑 （灰）颜色的柔和过渡，页面调和。 点睛色在这里混色较多，RGB、HSB 数值差距 都不大，因此颜色偏灰色阶，仔细分析是黄绿色与 少许黑色混合而得，起到了调和背景色与辅助色明 度差异过大的作用。
结论： 点睛色可以是少许耀眼的颜色，也可以是少许 协调于视觉的混合灰色，无论是耀眼的颜色还 是谦逊沉稳的灰色，都是不可缺少的角色，有 着不可替代的作用。 整个页面配色较单纯，只有三种色，非色彩来 说分别起到黑（辅助黑）白（主色黄绿）灰 （点睛混合色）的作用，所以页面配色较有层 次感，并不显得单调。
黄色系分析：（邻近色配色：黄色+红色） 选取的上图三组色里HSB数值的 B 明度虽然都有些变化，但S饱和度分毫没有受到影响，仍都呈最高值100％，因此页面配色 异常耀眼。好在其间有少量不同明度饱和度的红色系色块做压制，页面显得沉稳许多，页面色彩层次也丰富了许多，块面交织设 计富有节奏韵律美，却也有雀跃的感觉。 页面照片人物也经过了双色调处理，与页面色彩风格一致。 整个页面属于明暗反差较大的色调，所以页面响亮明快，极赋视觉冲击力、感染力。
● 点睛色不一定就是非常显眼的颜色，也有起到调和整体页面配色的作用。 ● 中间色通常被大面积的使用为主色调、辅助色，是调和辅助色（有可能是同时 几种）与点睛色（有可能是几种）的色彩，是调和色、调和方法的关键。
我们知道，黄色是色彩系里明度最高的耀眼 色，HSB数值 H色相60度是正黄色，特性越高明 度越高。H色相度往60度前是接近红色，而红色 明度相较于黄色低，背景色HSB数值 H色相为48 度，往红色靠近，因此色度较深，呈现为中黄色 。使用中黄背景正是烘托突出前景的淡黄色。淡 黄色的前景上设计少许中黄色带进入，页面的色 彩层次感生动了不少。 另一个辅助色红色HSB数值的H色相是0度， 显示正红色且高纯度高亮度，放在最显眼的标志 广告区域，实现视觉引导作用，主次感增强了。 白色也是辅助色三色之一，在顶部面积较大 的使用，使整个页面的纯度缓和了许多，起到提 亮并拉开空间的作用。 点睛色用于导航栏，提示导航区域的醒目与 重要性。

黄色系分析：（中黄色）
背景中黄色上点缀多种艳度较高的颜色，都是属于跳跃的颜色，渲染整个网站的热闹环境气氛，符合该网站的设计主题。
从HSB数值上看，该中黄色的明度和饱和度呈最高值，属于明亮耀眼的颜色。辅助色是黄绿色和红色，黄绿色在中黄背景下呈冷 色调，轻快单薄的亮色；红色的HSB数值 H色相上看是正红色，明度稍低，这里属于厚重沉稳的颜色，在中黄色背景下呈现暖色调； 背景中黄色在黄绿色和红色两者中这时呈中间色，是很好的整体页面视觉过渡色。 加之商品图片多种亮艳的色泽混合在同一页面上，点睛色白色在这里起到了调和多种颜色的作用，减少、透气于整个页面的多种 配色噪音。
结论： 耀眼的颜色有深色块压制，也是很好的 调和方法。 该页面里的不少小色块混合了暗灰色， 因此页面饱和度刺激程度得到少许降低 并调和。 同类色系、类似色系不同纯度明度的深 浅变化搭配，增添现代美感。 www.leerbanen.nl
黄色系分析：（同类色配色） 该页面的配色很单纯，是同类色的黄色不同 明度颜色，页面看起来干净、单纯。 点睛色白色淡黄色在深色黄色背景下比较显 眼，且在最中间位置，是整个页面中的高调部分。 这三种黄色，明度都很高，只有背景辅助色 明度稍低，点睛黄色 H色相是三种颜色中黄色倾 向最高的为57度，而60度是正黄色，因此明度也 是最高的，充分的发挥其点睛色的作用。 背景色和前景色只在色相上明度上有非常微 妙的变化，却也很巧妙，形成了变化较明显的空 间层次感，削弱了同类色易产生的单调感。点睛 色白色让层次感更明显。
黄色系分析：（黄色） 黄色是所有彩色中明度最高的颜色。上图 看到HSB模式的H数值是 60度，正是正黄色， 但RGB数值中加入了 B蓝色数值为51，因此降 低了HSB的饱和度 S 为80％，但是大面积的黄 色仍使得该页面色彩明亮显眼。 辅助色是纯黑色，非色彩明度最低的颜色。 大面积显眼的正黄色有黑色的线条压制， 黄色顿时显得沉稳，页面增添内容感。 白色虽然是点睛色，但由于非色彩的白色 与黄色的明度最高，因此这里似乎没有起到 “点睛"的作用。
结论： 当鲜度、明度高的背景色与前景辅助色暗度低的黑色在明度形成较强烈的对比时，艳度降低，较能协调视觉。 整个页面配色单纯，却也不简单，形成另一种设计风格。

结论： 当背景色起到中间色的作用时，页面少量 冷暖色彩搭配较容易调和。 பைடு நூலகம்常商品网站志在渲染热闹气氛，比较适 合活泼跳跃、色彩绚丽的配色方案，但色 彩的调和难度较大。
网页设计配色应用实例-黄色系
黄色是阳光的色彩，具有活泼与轻快的特点，给人十分年轻的感觉。象征光明、 希望、高贵、愉快。浅黄色表示柔弱，灰黄色表示病态。它的亮度最高，和其他颜色 配合很活泼，有温暧感，具有快乐、希望、智慧和轻快的个性，有希望与功名等象征 意义。黄色也代表着土地、象征着权力，并且还具有神秘的宗教色彩。 黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。 浅黄色系明朗、愉快、希望、发展，它的雅致，清爽属性，较适合用于女性及化 妆品类网站。 中黄色有崇高，尊贵，辉煌、注意、扩张的心理感受。 深黄色给人高贵、温和、内敛、稳重的心理感受。 下面我们根据黄色系不同属性邻近色、同类色的高纯度低纯度色彩搭配做不同的 举例分析。
www.paralotna.pl 结论： 同类色的属性使得整个页面非常和谐，可以 根据不同的主题来设计配色。 可以通过明度、饱和度的不同变化来加强页 面配色的层次感。
黄色系分析：（高纯度黄色配色：黄色+红色）
全页选取的几个色彩组合是高纯度高明度的 邻近色正黄、淡黄（这里的淡黄色不是指浅黄色， 而是色彩颜料色里的称呼。）、中黄及正红色。
主色调的中黄色，从RGB数值 B明度48来看， 提高了明度，RGB 数值的变化HSB也相应变化， 该色调纯度降低，黄色的耀眼特性相应缓和。 该页面辅助色比较多，这里选了主要的三种 浅黄、浅蓝、棕红色，明度纯度不同的变化来分 析。浅黄色的RGB三个数值接近，因此呈现偏灰 的柔和状态。正蓝色的RGB数值R为0，G为255， B为255，该蓝色RGB数值上看，混合了R红色11， G 的绿色数值较低，B 蓝色的数值较高，因此饱 和度降低，颜色呈浅色调。棕红色的RGB的三数 值上看，R的数值最高为124，加入了对比色G绿 色67，因此颜色变暗发乌，调入了适量 B 蓝色24， 因此该颜色饱和度亮度降低，也是该页面沉稳的 主要色调，牵制艳度较高的几种颜色。 点睛色的HSB数值H色相为356度，几乎呈正 红色，只是调入了少许 B蓝色18，因此颜色在明 度上稍偏暗。另一点睛白色的作用除了提亮整个 页面，同时也突出标志图像。 标志是红色，下面的绿色是红色的对比色， 目的是突出标志的作用，同时也是黄色与蓝色的 中间视觉过渡色。