HSB色彩模式是基於人眼的一種顏色模式。是普及型設計軟體中常見的色彩模式。H是色相Hue，S是飽和度Saturation，B是亮度Brightness。這三者是色彩的三要素。根據HSB色彩模式可以指導我們更好地搭配顏色。
工具/原料
photoshop
HSB
H=色相
開啟PS，新建檔案，單擊前景色開啟拾色器。
色相，是區分色彩種類的名稱，如紅、黃、藍等就是不同的色相。
色相使用色相環表示，0°為紅色，和360°重合，30°即可變一種色相。
S=飽和度（純度）
就是色彩的鮮豔程度，紅色是純度最高的，在所有的色相里它的色彩最鮮豔，藍綠色純度最低；飽和度低色彩就偏灰。
在該模式裡，飽和度分0-100%，數值越大越鮮豔。越小越柔和淺色（針對HSB模式而言，小編其實有點懵，因為飽和度低就會偏髒，而偏向於黑色，但在該模式下是偏白，感覺飽和度當明度用了）。
B=亮度（明度）
就是色彩的明暗程度，白色明度最高，其次黃色，紫色的明度最低。
亮度分0-100%，數值越大越明亮（在該模式下100就是正常的鮮豔顏色不能達到變淺只能達到變暗，所以要變淺只能改動S），越小就越暗沉。
看文字感覺很莫名其妙就直接看拾色器吧，管它什麼飽和度亮度。
在HSB模式裡無論H為何值，S=0為白色，B=0為黑色。
色調
色調可以表示明度飽和度的綜合變化，有鮮豔生動，淺淡優雅，灰暗渾濁之分。
把HSB模式裡的明度飽和度平均劃分三種程度，低度（大概0~33%）、中度（34~66%）、高度（67~100%），即有九種色調的組合。
高飽和高明度的色彩鮮豔，中飽和中明度的色彩柔和，低飽和低明度的色彩暗沉。
在HSB模式，一般來說低/中/高飽和高亮度的色彩都顯得年輕有活力，其中飽和度低的顯得淺淡。低亮的色彩顯得成熟穩重沉悶。
同色相搭配
H相同，只改變S和B。另外色相加減15°，可以使搭配的顏色更加有層次感。
同色調搭配
S和B相同，H不同。另外色調可以加減10%。下圖是中飽和高亮度的不同色相變化。S=40，B=100，H分別為0°，30°，60°等的色彩變化。
其他搭配方法
色彩的冷暖
根據人的心理感受把顏色分成冷色調（青、藍）、暖色調（紅、橙、黃）和中性色調（紫、綠、黑、白、灰）。
無彩色與有彩色
黑白灰為無彩色，只有亮度（明度）的差異而不具有色相和飽和度。由於沒有色相所以可以和任何顏色搭配在一起。常用來突顯有彩色。
零度對比，包括無彩色的對比，無彩色與有彩色的對比，同類色對比，無彩色與同類色對比。
調和對比，包括臨近色對比，類似色對比，中度色對比。
強烈對比，包括對比色對比，互補色對比。
