【示例】中黃色應用網頁設計示例截圖如圖所示。

【分析】背景中黃色上點綴多種艷度較高的顏色，都是屬于跳躍的顏色，渲染整個網站的熱鬧環境氣氛，符合該網站的設計主題。加之商品圖片多種亮艷的色澤混合在同一頁面上，點睛色白色在這里起到了調和多種顏色的作用。從HSB數值上看，該中黃色的明度和飽和度呈最高值，屬于明亮耀眼的顏色。輔助色是黃綠色和紅色，黃綠色在中黃背景下呈冷色調，輕快單薄的亮色；紅色的HSB數值H色相上看是正紅色，明度稍低，這里屬于厚重沉穩的顏色，在中黃色背景下呈現暖色調；背景中黃色在黃綠色和紅色兩者中這時呈中間色，是很好的整體頁面視覺過渡色。

【點評】當背景色起到中間色的作用時，頁面少量冷暖色彩搭配較容易調和。通常商品網站意在渲染熱鬧氣氛，比較適合活潑跳躍、色彩絢麗的配色方案，但色彩的調和難度較大。

黃綠色

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

【分析】主色調為黃綠色，單純來看，黃綠色是通常的暖色的起始色、色彩中亮度最高的黃色與冷色的起始色、綠色相結合而得，因此該顏色看起來非常明快清新。處于輔助色的非色彩黑色，中間的點綴色是主色調黃綠色，很容易讓人一時以為該顏色就是點睛色。實際主色調黃綠色的明度非常高，飽和度這時也很高，在明度最低的黑色襯映下就異常顯眼。背景色使用略有些漸變的效果，正是黃綠和黑（灰）顏色的柔和過渡，頁面調和。點睛色在這里混色較多，RGB、HSB數值差距都不大，因此顏色偏灰色階，仔細分析是黃綠色與少許黑色混合而得，起到了調和背景色與輔助色明度差異過大的作用。

【點評】點睛色可以是少許耀眼的顏色，也可以是少許協調于視覺的混合灰色，無論是耀眼的顏色還是謙遜沉穩的灰色，都是不可缺少的角色，有著不可替代的作用。整個頁面配色較單純，只有3種色，非色彩來說分別起到黑（輔助黑）白（主色黃綠）灰（點睛混合色）的作用，所以頁面配色較有層次感，并不顯得單調。

黃色+紅色

【示例1】黃色與鄰近色紅色網頁示例截圖如圖所示。

【分析】三組色中HSB數值的B明度雖然都有些變化，但S飽和度分毫沒有受到影響，仍都呈最高值100%，因此頁面配色異常耀眼。好在其間有少量不同明度飽和度的紅色系色塊做壓制，頁面顯得沉穩許多，頁面色彩層次也豐富了許多，塊面交織設計富有節奏韻律美，卻也有雀躍的感覺。頁面照片人物也經過了雙色調處理，與頁面色彩風格一致。整個頁面屬于明暗反差較大的色調，所以頁面響亮明快，極賦視覺沖擊力、感染力。

【點評】耀眼的顏色有深色塊壓制，也是很好的調和方法。該頁面里的不少小色塊混合了暗灰色，因此頁面飽和度刺激程度得到少許降低并調和。同類色系、類似色系不同純度明度的深淺變化搭配，增添現代美感。

【示例2】高純度黃色鄰近色配色（黃色+紅色）應用網頁設計示例截圖如圖所示。

【分析】全頁選取的幾個色彩組合是高純度、高明度的鄰近色正黃、淡黃（這里的淡黃色不是指淺黃色，而是色彩顏料色里的稱呼）、中黃及正紅色。黃色是色彩系里明度最高的耀眼色，HSB數值H色相60度是正黃色，特性越高明度越高。H色相度往60度前是接近紅色，而紅色明度相較于黃色低，背景色HSB數值H色相為48度，往紅色靠近，因此色度較深，呈現為中黃色。使用中黃背景正是烘托突出前景的淡黃色。

淡黃色的前景上設計少許中黃色帶進入，頁面的色彩層次感生動了不少。另一個輔助色紅色HSB數值的H色相是0度，顯示正紅色且高純度、高亮度，放在最顯眼的標志廣告區域，實現視覺引導作用，主次感增強了。白色也是輔助色三色之一，在頂部面積較大的使用，使整個頁面的純度緩和了許多，起到提亮并拉開空間的作用。點睛色用于導航欄，提示導航區域的醒目與重要性。

【點評】高純度、高明度的顏色調子耀眼響亮，通常對視覺的刺激程度較大。鄰近色由正黃到最后的正紅色是色輪表的協調過渡色，因此頁面調和。鄰近色與同類色一樣，是調和色，但較同類色更生動、更多變化。