【示例】黄绿色弱对比网页设计示例截图如图所示。

【分析】

从HSB模式的数值看，主色调是接近于黄色的基础上加入了少许绿色，饱和度和明度降低，色彩看起来较柔和。辅色调墨绿色的绿色的倾向稍高，饱和度也较高，只是明度降低，该色看起来踏实沉稳。点睛色红色H数值为零度，呈正红色，但是该颜色饱和度和明度降低，而红色本身的色度比黄绿色要暗不少，因此颜色稳重。另一点睛色蓝绿色，明度和饱和度都很低，在页面配色中似乎没有点睛感觉，更多的是呈辅助状态。

【点评】主色调是相对比较鲜亮的颜色，而辅助色和点睛色是属于比较沉稳的颜色，页面通过大小色块的对比提高视觉的反差力度，增强页面的感染力。由于整个页面的饱和度整体稍微降低，因此该页面配色较协调、缓和。

【示例】同类绿色+多种点睛色网页设计示例截图如图所示。

【分析】主色调HSB模式H数值显示75度，依旧是色轮表里倾向于黄色区域方位边缘的绿色，呈现出的黄绿色调。辅色调在明度上有些提亮，与主色调形成较强的对比。点睛色里所使用的对比色组合有两组，红色与绿色，蓝色与橙黄色，其中黄色是介于暖色（橙黄、红色）和冷色（绿色、蓝色）的过渡色，也是调和色。

【点评】该网页在网页设计时配色不少，且还有两组对比色在内，但是页面配色也很协调。原因之一，从下面抽取的色块可以看出来，是一个过渡柔和的色轮表：以黄色为中界一边是较浅的黄绿到绿色再到蓝色，另一边是橙黄再到红色。原因之二，点睛色毕竟是扮演着点睛色的角色，有主色调和辅色调大面积的控制，即便再多些点睛色也不至于很快干扰到页面的整体配色。整个页面保证了协调、不凌乱的步调，但是又能把商业网站的热闹氛围很好地渲染。此种配色方法值得我们学习借鉴。