間色又叫“二次色”。它是由三原色調配出來的顏色,是由兩種原色調配出來的。紅與黃調配出橙色;黃與藍調配出綠色;紅與藍調配出紫色,橙、綠、紫3種顏色又叫“三間色”。在網頁設計時時,由于原色在分量多少上有所不同,所以能產生豐富的間色變化。
【示例1】間色網頁示例截圖如圖所示。
【分析】
以上網頁設計示例截圖4種間色搭配一起非常明快、鮮亮。以上4組顏色RGB數值的共同點是以兩色混合為主,都是3位數值,另外一色分量較少,為兩位數值,因此飽和度較高,色相傾向明顯。HSB數值的共同點是,除了紫色,其他三色的S飽和度相當,屬較高數值,因此視覺刺激也強。
從RGB數值顯示上看,綠色含量較高達到208,混合了R189的黃色光,因此顏色偏黃綠色,由于添加了B18,飽和度相對降低。玫瑰色中R的含量最高,與B109混合為主要組成色,添加了少量的G27黃,純度偏高。橙色中R的含量很高為255,混合了G145黃為主要組成色,添加了第三色B34,飽和度稍降低。紫色是由藍色和紅色調配而成,B為170,R為148,混色分量相當也就成為了組合紫色這一間色的主要成分,但是由于添加了G87,也是4組顏色中的間色混合第三色數值最高的,HSB中S數值相對其他三色,降低很多,因此顏色相對于其他3種較沉穩、緩和。
【點評】
間色是由三原色中的兩原色調配而成的,因此在視覺刺激的強度相對三原色來說緩和不少。屬于較易搭配之色。間色盡管是二次色,但仍有很強的視覺沖擊力,容易帶來輕松、明快、愉悅的氣氛。
也叫“復合色”。復色是由原色與間色相調或由間色與間色相調而成的“三次色”,復色是純度最低的,含灰色成分。復色包括了除原色和間色以外的所有顏色。
【示例2】復色網頁示例截圖如圖所示。
【分析】
以上4種顏色中深綠色和赭石色為復色,之所以還選擇其他兩種顏色,為的是更好地配合說明復色的特性,如果沒有另外兩種非復色搭配,頁面配色就可能出現骯臟等不舒服的感覺。
深綠和赭石這兩種復色的數值都是一個分量最多的3位數,另外兩者成分相當,都為兩位數組合而得。在網頁設計中,RGB之間的數值差距較接近、不明顯,色階較趨于直線平穩,呈灰階。HSB中SB顯示的數值也非常接近,成為符合復色特性的必須條件。
【點評】
復色是由兩種間色或原色與間色混合而成,因此色相傾向較微妙、不明顯,視覺刺激度緩和,如果搭配不當,頁面便呈現易臟或易灰蒙蒙的效果,沉悶、壓抑之感,屬于不好搭配之色。但有時復色加深色搭配能很好地表達神秘感、縱深感和空間感;明度高的多復色多用來表示寧靜柔和、細膩的情感,易于長時間的瀏覽。
補色是廣義上的對比色。在色環上劃直徑,正好相對(即距離最遠)的兩種色彩互為補色。如紅色是綠色的補色;橙色是藍色的補色;黃色是紫色的補色。補色的運用可以造成最強烈的對比。
【示例3】補色網頁示例截圖如圖所示。
【分析】
選用了一組紅綠對比色,極賦視覺沖擊力,所表現出的性格異常鮮明。我們看到RGB中綠色的數值顯示情況符合復色的條件,因此注定了該顏色明度稍暗、純度較低的特性,而紅色R數值118構成了該色的主要成分,其他G72、B61數值接近,純度和亮度相對綠色較高,因此2色在構成色彩空間差距上拉大。HSB中2色的S數值也顯示出,它們的飽和度相差較大。
【點評】補色最能傳達強烈、個性的情感。純度稍低的綠色為背景的大面積使用,對比并突出了前景純度明度較高的面積較小紅色的圖形,形成了視覺中心重點突出,達到主次分明的主題效果。
紅綠、橙藍、黃紫這3組補色中,前兩種使用得最頻繁。這三組補色搭配出的最終效果和目的,可以用兩個字來概括—強烈。
當前文章標題:網頁設計時的間色、復色、補色
當前URL:http://www.ccaudelo.com/news/wzzz/3162.html
上一篇:基本配色實例分析