1. 鄰近色

在網頁設計中，鄰近色在色環上表示任一顏色同其毗鄰之色。鄰近色也是類似色關系，只是范圍縮小了一點。例如紅色和黃色，綠色和藍色，互為鄰近色。

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

【分析】

圖中選用了紅色、黃色為鄰近色示例，主要在色相上做區別豐富了頁面色彩上的變化。從RGB數值上看，以上5色R的數值都很高，僅是微妙的不同。其中淺黃色的B為138，因此在HSB數值中純度S顯示最低，為46%；5色RGB中G的數值都不同，色相、明度也產生相應的不同。從數值上分析整體看來，5色都有在同一頻率的變化。

【點評】

由于是相鄰色系，視覺反差不大，統一、調和，形成協調的視覺韻律美，相較顯得安定、穩重的同時不失活力，是一種恰到好處的配色類型。2. 同類色比鄰近色更加接近的顏色，它主要指在同一色相中不同的顏色變化。例如，紅顏色中有紫紅、深紅、玫瑰紅、大紅、朱紅、橘紅等種類，黃顏色中又有深黃、土黃、中黃、橘黃、淡黃、檸檬黃等區別。它起到色彩調和統一，又有微妙變化的作用。

【示例2】同類色網頁示例截圖如圖所示。

【分析】

選用紅色系4種同類色示例，主要在明度上做區別變化。由于是紅色系，4色RGB數值中的R，數值都很高且相當。從HSB數值看出，明度越高的顏色飽和度越低。從這4種同類色相來看，明度在強中弱的節奏中緩和地進行變化。

【點評】

第一眼看上去給人溫柔、雅致、安寧的心理感受，便可知該組同類色系非常調和統一。在網站建設時，只運用同類色系配色，是十分謹慎穩妥的做法，但是有時會有單調感。添加少許相鄰或對比色系，可以體現出頁面的活躍感和強度。

暖色、冷色

1. 暖色

暖色指的是紅、橙、黃這類顏色。暖色系的飽和度越高，其溫暖特性越明顯?？梢源碳と说呐d奮性，使體溫有所升高。

【示例1】暖色網頁示例截圖如圖所示。

【分析】

由于是暖色系，以上面3種顏色RGB數值中R的含量為主導，B都為0，暖度強度傾向在G的添加黃色成分變化中可以看到，較規律的數值變化、較有視覺節奏感。HSB中純度S和明度B都達到最高值，是鮮艷奪目的搭配色組合。

【點評】

高明度高純度的色彩搭配，把頁面表達得鮮艷炫目，有非常強烈刺激的視覺表現力，充分體現了暖色系的飽和度越高，其溫暖特性越明顯的性格。

2. 冷色

冷色指的是綠、青、藍、紫等顏色，冷色系亮度越高，其特性越明顯，能夠使人的心情平靜、清爽、恬雅。

【示例2】冷色網頁示例截圖如圖所示。

、

【分析】

該網頁示例主要選用了鄰近色系藍色綠色和同類色的明度變化。其中3種藍色系的RGB數值從兩位數到3位數，隨著明度遞增的同時，由低到高在有規律、有節奏地變化。HSB的數值SB也相對隨著同比變化，純度S的含量都不大，因此這幾組色彩相對含蓄柔和。綠色系RGB數值G的色相明顯，相應添加了高亮度的黃色R，使色彩較鮮艷明快。HSB數值SB也顯示出其高純度高亮度的特性。

【點評】

冷色系的亮度越高，其特性越明顯。單純冷色系搭配視覺感比暖色系舒適，不易造成視覺疲勞。藍色、綠色是冷色系的主要系，是網頁設計中較常用的顏色，也是大自然之色，帶來一股清新、祥和安寧的空氣。