【示例】黃綠色弱對比網(wǎng)頁設(shè)計示例截圖如圖所示。

【分析】

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

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

【示例】同類綠色+多種點睛色網(wǎng)頁設(shè)計示例截圖如圖所示。

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

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