网页设计配色应用实例剖析——黄色系

→ 黄色同类色网页例图：www.paralotna.pl
　　

　　黄色同类色分析
　　该页面的配色很单纯，是同类色的黄色不同明度颜色，页面看起来干净、单纯。
点睛色白色淡黄色在深色黄色背景下比较显眼，且在最中间位置，是整个页面中的高调部分。
　　这三种黄色，明度都很高，只有背景辅助色明度稍低，点睛黄色H色相是三种颜色中黄色倾向最高的为57度，而60度是正黄色，因此明度也是最高的，充分的发挥其点睛色的作用。
　　背景色和前景色只在色相上明度上有非常微妙的变化，却也很巧妙，形成了变化较明显的空间层次感，削弱了同类色易产生的单调感。点睛色白色让层次感更明显。

　　结论：
　　同类色的属性使得整个页面非常和谐，可以根据不同的主题来设计配色。
　　可以通过明度、饱和度的不同变化来加强页面配色的层次感。

→ 中黄色应用网页例图： www.totshop.com
　　

　　中黄色系分析：
　　背景中黄色上点缀多种艳度较高的颜色，都是属于跳跃的颜色，渲染整个网站的热闹环境气氛，符合该网站的设计主题。
　　从HSB数值上看，该中黄色的明度和饱和度呈最高值，属于明亮耀眼的颜色。辅助色是黄绿色和红色，黄绿色在中黄背景下呈冷色调，轻快单薄的亮色；红色的 HSB数值H色相上看是正红色，明度稍低，这里属于厚重沉稳的颜色，在中黄色背景下呈现暖色调；背景中黄色在黄绿色和红色两者中这时呈中间色，是很好的整体页面视觉过渡色。
　　加之商品图片多种亮艳的色泽混合在同一页面上，点睛色白色在这里起到了调和多种颜色的作用，减少、透气于整个页面的多种配色噪音。

　　结论：
　　当背景色起到中间色的作用时，页面少量冷暖色彩搭配较容易调和。
　　通常商品网站志在渲染热闹气氛，比较适合活泼跳跃、色彩绚丽的配色方案，但色彩的调和难度较大。