網(wǎng)頁設計配色應用實例剖析——橙色系(3)_網(wǎng)頁配色教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
深橙紅色系分析:
從色相度中可以知道0度為正紅色,30度為正橙色,而主色調(diào)的HSB數(shù)值H顯示22度可知,該深橙紅色是橙色基礎上加入少許鄰近色紅色,整體上降低了明度而得,因為紅色本身較橙色明度低,因此這里橙紅色的明度呈現(xiàn)出較低狀態(tài)。
輔助色選取了明度相對于主色調(diào)更低的三種顏色,前面兩種飽和度都較高,最后一種灰藍色由于明度較高因此飽和度降低,是主色調(diào)與前面兩種輔助色的協(xié)調(diào)色。
這個頁面背景色運用了紋樣,是以目前選取的主色調(diào)顏色和明度較暗的深紅色結合而得,使得明度稍暗。
數(shù)值上看,主色調(diào)也就是背景色的飽和度較高,但是由于降低了明度,顏色變得較沉穩(wěn)。輔助色RGB數(shù)值顯示,添加了適量的其他顏色,G和B數(shù)值區(qū)別不大,因此飽和度降低,顏色趨于柔和穩(wěn)定。點睛色的加入和提亮,使頁面視覺效果得到強化。
結論:
前景色通常要較明顯的區(qū)別于背景色,達到臺前的宣傳目的。當飽和度較低的前景色與背景色變化不明顯時,形成的是另外一種柔和統(tǒng)一的效果
從色相度中可以知道0度為正紅色,30度為正橙色,而主色調(diào)的HSB數(shù)值H顯示22度可知,該深橙紅色是橙色基礎上加入少許鄰近色紅色,整體上降低了明度而得,因為紅色本身較橙色明度低,因此這里橙紅色的明度呈現(xiàn)出較低狀態(tài)。
輔助色選取了明度相對于主色調(diào)更低的三種顏色,前面兩種飽和度都較高,最后一種灰藍色由于明度較高因此飽和度降低,是主色調(diào)與前面兩種輔助色的協(xié)調(diào)色。
這個頁面背景色運用了紋樣,是以目前選取的主色調(diào)顏色和明度較暗的深紅色結合而得,使得明度稍暗。
數(shù)值上看,主色調(diào)也就是背景色的飽和度較高,但是由于降低了明度,顏色變得較沉穩(wěn)。輔助色RGB數(shù)值顯示,添加了適量的其他顏色,G和B數(shù)值區(qū)別不大,因此飽和度降低,顏色趨于柔和穩(wěn)定。點睛色的加入和提亮,使頁面視覺效果得到強化。
結論:
前景色通常要較明顯的區(qū)別于背景色,達到臺前的宣傳目的。當飽和度較低的前景色與背景色變化不明顯時,形成的是另外一種柔和統(tǒng)一的效果
相關網(wǎng)頁配色教程:
- 相關鏈接:
- 教程說明:
網(wǎng)頁配色教程-網(wǎng)頁設計配色應用實例剖析——橙色系(3)
。