HSB又稱HSV，表示一種顏色模式；在HSB模式中，H表示色相，S表示飽和度，B表示亮度。它對應(yīng)的媒介是眼睛的感受細(xì)胞，因為人眼看到的就是色度、飽和度及明度。千變?nèi)f化的色彩，其實是由S和B的不同組合產(chǎn)生的。小編隨意選三個色相，188、20、50，色相如下圖所示：

        從視覺上看，我們很容易看出中間的深橙色跟左右的色彩對比，明顯要暗很多，因為它的飽和度及明度是不同的，3個色相的數(shù)值分別如下：

       在設(shè)計配色中，想要在視覺上有更舒適的體驗，可以將色相的S值B值稍做調(diào)整即可達(dá)到目的。如文中例子，提高中間橙色的S值（飽和度）以及它的B值（明度），就可以使三個顏色和諧很多，不妨看下，以下調(diào)整后的色彩，感覺不是好多了呢？

       將之應(yīng)用在設(shè)計稿中，視覺效果應(yīng)該還可以的。當(dāng)然了，純色組合搭配的方法掌握后，版面設(shè)計也是非常重要的一環(huán)。

       那么搭配色彩，有什么顏色是“禁區(qū)”嗎？當(dāng)然這里說的“禁區(qū)”是帶雙引號的，沒有什么是絕對的禁區(qū)，這里的“禁區(qū)”只是說顏色在這個區(qū)塊不易被控制，在還沒有駕馭好基礎(chǔ)色彩搭配之前，盡量少碰“禁區(qū)”的色彩。“禁區(qū)”的色彩一般分為三種：三角形禁區(qū)、矩形禁區(qū)、扇形禁區(qū)，如下圖：

      不難發(fā)現(xiàn)，不論是哪種，右下角方向的顏色幾乎是很少用的，因為右下角的色彩濃度高亮度低，與其他色彩搭配應(yīng)用有一種暗淡感，畫面視覺看著不夠通透，在設(shè)計中是比較難把控的！當(dāng)然了，當(dāng)畫面色彩單一，留白較多，運用拾色器右下角色彩也是可以創(chuàng)作出好看的設(shè)計圖，如下圖中畫面非常簡單，字體的顏色使用左側(cè)元素的顏色，S值是66，B值30，畫面整體協(xié)調(diào)統(tǒng)一。這是常用的一種配色方案，使用畫面固有元素的色彩HSB值作為參考，運用到整體中，這樣的配色看起來是非常舒服的：

       掌握了純色組合搭配方法后，可以來學(xué)學(xué)漸變色的色彩搭配。漸變色，至少是雙色，雙色漸變（線性）單從色相來講，可以大致分為三種：小、中、大。

小雙色漸變

       小漸變就是在色環(huán)上，小于30度的兩個色相之間的漸變，專業(yè)術(shù)語就是同色系漸變，這種漸變色跨度變化很小，比較保守，容易控制、實用頻率很高。

         橙黃色，紫紅色漸變，是使用很頻繁的色彩，譬如雙11購物節(jié)，年貨節(jié)及促銷活動等，經(jīng)常都能見到這些暖色調(diào)色彩的漸變搭配組合。

中雙色漸變

       中漸變是在色環(huán)上大于 30 度且小于 60 度，專業(yè)術(shù)語叫鄰近色漸變，這種漸變，在色相上有很細(xì)膩的變化，看起來更加時尚耐看，比如藍(lán)里加點紫、藍(lán)里加點綠，橙里加點青或者紅里加點黃等等。

       有很多網(wǎng)頁設(shè)計都使用這種漸變方式，因為不會太拘謹(jǐn)，適當(dāng)放開一些設(shè)計效果還是很不錯的。

大雙色漸變

       大漸變在色環(huán)上大于 60 度，也可叫撞色漸變（互補(bǔ)色或者對比色），這種漸變視覺沖擊力很強(qiáng)。

        一般來說產(chǎn)品界面里面很少用到，為什么呢？因為視覺沖擊力強(qiáng)是為了吸引眼球，而產(chǎn)品界面主要以內(nèi)容為主，背景或元素太過搶眼反倒宣兵奪主。反過來說那些宣傳類海報、文章封面、作品包裝等內(nèi)容確實可以做大膽一點，通過撞色漸變強(qiáng)烈的對比更能突出想要表達(dá)的主題。

       除了雙色搭配，還有多色純色搭配以及多色漸變色搭配。對于新手而言，剛開始設(shè)計畫面中色彩不宜過多，色彩越多，新手越難把控全局協(xié)調(diào)性。先從純色單色開始，再到純色多色組合，最后過度到漸變色組合搭配，逐漸練習(xí)，久而久之，收獲定是滿滿的。

       最后分享幾組好看實用的漸變色彩供大家參考，喜歡的可以收藏起來方便后期使用。

        這些好看的配色背后，有著共同的配色規(guī)律，掌握這些配色規(guī)律技巧才是我們真正的目的。今天分享的色彩小知識希望可以給大家在設(shè)計中帶來幫助，希望大家在不同的項目中靈活運用并最終形成自己的優(yōu)秀配色習(xí)慣。