1. 鄰近色

在網(wǎng)頁設(shè)計中，鄰近色在色環(huán)上表示任一顏色同其毗鄰之色。鄰近色也是類似色關(guān)系，只是范圍縮小了一點。例如紅色和黃色，綠色和藍(lán)色，互為鄰近色。

【示例1】鄰近色網(wǎng)頁示例截圖如圖所示。

【分析】

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

【點評】

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

【示例2】同類色網(wǎng)頁示例截圖如圖所示。

【分析】

選用紅色系4種同類色示例，主要在明度上做區(qū)別變化。由于是紅色系，4色RGB數(shù)值中的R，數(shù)值都很高且相當(dāng)。從HSB數(shù)值看出，明度越高的顏色飽和度越低。從這4種同類色相來看，明度在強(qiáng)中弱的節(jié)奏中緩和地進(jìn)行變化。

【點評】

第一眼看上去給人溫柔、雅致、安寧的心理感受，便可知該組同類色系非常調(diào)和統(tǒng)一。在網(wǎng)站建設(shè)時，只運(yùn)用同類色系配色，是十分謹(jǐn)慎穩(wěn)妥的做法，但是有時會有單調(diào)感。添加少許相鄰或?qū)Ρ壬担梢泽w現(xiàn)出頁面的活躍感和強(qiáng)度。

暖色、冷色

1. 暖色

暖色指的是紅、橙、黃這類顏色。暖色系的飽和度越高，其溫暖特性越明顯。可以刺激人的興奮性，使體溫有所升高。

【示例1】暖色網(wǎng)頁示例截圖如圖所示。

【分析】

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

【點評】

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

2. 冷色

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

【示例2】冷色網(wǎng)頁示例截圖如圖所示。

、

【分析】

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

【點評】

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