配色方案，使用LESS color函數(shù)創(chuàng)建配色方案

結(jié)果證明同樣是不錯的：

混合色

創(chuàng)建配色方案的另一種方式是對兩種顏色進(jìn)行混合，也許就像你上小學(xué)美術(shù)課時學(xué)到的那樣。例如，如果我們把紅色與黃色混合，我們會得到橙色。在LESS中，我們可以使用mix()函數(shù)實(shí)現(xiàn)同樣的效果：

這個例子的輸出的是“#ff8000”——“橙色”的準(zhǔn)確的十六進(jìn)制顏色編碼：

提示

避免混合頻譜相同的顏色。對于基準(zhǔn)色#3bafdA——位于可見光譜藍(lán)色光的范圍之內(nèi)，通過與一種對立的顏色進(jìn)行混合我們將得到一種比較滿意的結(jié)果，比如說中紫羅蘭紅或者淺海綠色：

這給了我們一個可愛的配色方案，所有生成的顏色由于繼承相同的色調(diào)#3bafdA而顯得非常和諧。

假如你對色彩一無所知，你可以挑選一種你最喜歡的顏色，通過mix()函數(shù)與其他任何一種顏色進(jìn)行混合，結(jié)果可能令你大吃一驚。

以下有一個采用混合色得到的結(jié)果進(jìn)行手機(jī)原型設(shè)計(jì)的例子：

顏色的色調(diào)和飽和度

讓我們研究一些其他的配色方法。

明暗度

明暗度定義了一種顏色明與暗的程度。在網(wǎng)頁設(shè)計(jì)中，明暗度一般用來區(qū)分元素的狀態(tài)。舉個例子，一個按鈕，可能在:hover時是較淺的顏色，在:focus時是較深的顏色。在LESS里，我們就可以分別使用函數(shù)darken()和lighten()使一種顏色深一點(diǎn)或者淺一點(diǎn)。

結(jié)果是：