【示例】黃綠色弱對比網頁設計示例截圖如圖所示。

【分析】

從HSB模式的數值看，主色調是接近于黃色的基礎上加入了少許綠色，飽和度和明度降低，色彩看起來較柔和。輔色調墨綠色的綠色的傾向稍高，飽和度也較高，只是明度降低，該色看起來踏實沉穩(wěn)。點睛色紅色H數值為零度，呈正紅色，但是該顏色飽和度和明度降低，而紅色本身的色度比黃綠色要暗不少，因此顏色穩(wěn)重。另一點睛色藍綠色，明度和飽和度都很低，在頁面配色中似乎沒有點睛感覺，更多的是呈輔助狀態(tài)。

【點評】主色調是相對比較鮮亮的顏色，而輔助色和點睛色是屬于比較沉穩(wěn)的顏色，頁面通過大小色塊的對比提高視覺的反差力度，增強頁面的感染力。由于整個頁面的飽和度整體稍微降低，因此該頁面配色較協(xié)調、緩和。

【示例】同類綠色+多種點睛色網頁設計示例截圖如圖所示。

【分析】主色調HSB模式H數值顯示75度，依舊是色輪表里傾向于黃色區(qū)域方位邊緣的綠色，呈現出的黃綠色調。輔色調在明度上有些提亮，與主色調形成較強的對比。點睛色里所使用的對比色組合有兩組，紅色與綠色，藍色與橙黃色，其中黃色是介于暖色（橙黃、紅色）和冷色（綠色、藍色）的過渡色，也是調和色。

【點評】該網頁在網頁設計時配色不少，且還有兩組對比色在內，但是頁面配色也很協(xié)調。原因之一，從下面抽取的色塊可以看出來，是一個過渡柔和的色輪表：以黃色為中界一邊是較淺的黃綠到綠色再到藍色，另一邊是橙黃再到紅色。原因之二，點睛色畢竟是扮演著點睛色的角色，有主色調和輔色調大面積的控制，即便再多些點睛色也不至于很快干擾到頁面的整體配色。整個頁面保證了協(xié)調、不凌亂的步調，但是又能把商業(yè)網站的熱鬧氛圍很好地渲染。此種配色方法值得我們學習借鑒。