深橙红色系
　　
　　  
　　 → 深橙红色网页例图：http:// www.matisserestaurant.ca
　　

　　 深橙红色系分析：

　　从色相度中可以知道0度为正红色，30度为正橙色，而主色调的HSB数值H显示22度可知，该深橙红色是橙色基础上加入少许邻近色红色，整体上降低了明度而得，因为红色本身较橙色明度低，因此这里橙红色的明度呈现出较低状态。
　　辅助色选取了明度相对于主色调更低的三种颜色，前面两种饱和度都较高，最后一种灰蓝色由于明度较高因此饱和度降低，是主色调与前面两种辅助色的协调色。
　　这个页面背景色运用了纹样，是以目前选取的主色调颜色和明度较暗的深红色结合而得，使得明度稍暗。
　　数值上看，主色调也就是背景色的饱和度较高，但是由于降低了明度，颜色变得较沉稳。辅助色RGB数值显示，添加了适量的其他颜色，G和B数值区别不大，因此饱和度降低，颜色趋于柔和稳定。点睛色的加入和提亮，使页面视觉效果得到强化。

　　 结论：
　　前景色通常要较明显的区别于背景色，达到台前的宣传目的。当饱和度较低的前景色与背景色变化不明显时，形成的是另外一种柔和统一的效果。

浅橙色同类色
　　
　　 → 浅橙色同类色网页例图： http:// www.talentic.com
　　

　　 浅橙色同类色分析：

　　从主色调和辅色调在HSB数值H显示的数值是36可以看出，该页面色调是在同一种橙色的基础上只在明度上发生了变化。由于主要色调是浅橙色，明度越高饱和度越低，页面上减弱了饱和度较高的橙色特性，整个网页呈现出柔和自然稍有些发灰的调子。
　　该网页是在橙色这一个颜色上做不同明度黑白灰色阶的柔和变化，属于单色调，配色非常的单纯。色阶平稳，同时存在着不够醒目的状态。白色在这里是起到了拉开主色调和辅色调空间距离，增强辅色调橙色的特性，使整个稍许有些发灰的页面明快了不少。但也由于白色属于非色彩，只在明度上呈最高数值而无彩度，不能给页面带来彩度所具有的鲜活靓丽的感觉，另一方面却也呈现出质朴的感受。

　　 结论：
　　前面我们提到过同类色是在同一色相中不同的明度颜色变化。因此这类颜色相对其他类别颜色来说明净而单纯，配色上较容易达到协调统一，但也容易显得单调。
　　初看该页面配色协调舒服，但看多了的确有些单调乏味的感觉，这也是同类色搭配的特性。同时由于运用了渐变色这一调和方法，该页面同时占有了前面我们提到的4种色彩中的调和方法的2种，整个页面呈现出调和中的调和是勿庸置疑的，但也同时显得有些单调，没有色彩亮点。