HSB简介

HSB又称HSV，表示一种颜色模式。H(hues)表示色相，S(saturation)表示饱和度，B（brightness）表示亮度。
HSB模式中S和B呈现的数值越高，饱和度明度越高，页面色彩强烈艳丽。
色相：
色相是由颜色名称标识的，比如红、绿或橙色，黑色和白色，由0~360°的标准色轮表示，在色轮上色相是按位置度量的。
饱和度：
表示色彩的纯度，为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。。取值范围0～100%。数值越大，颜色越纯越鲜艳。
亮度：
即色彩的明亮度，为0时为黑色，最大亮度是色彩最鲜明的状态。

如何搭配HSB：
色调可以表示明度饱和度的综合变化，有鲜艳生动，浅淡优雅，灰暗浑浊之分。
把HSB模式里的明度饱和度平均划分三种程度，低度（大概0~33%）、中度（34~66%）、高度（67~100%），即有九种色调的组合。
高饱和高明度的色彩鲜艳，中饱和中明度的色彩柔和，低饱和低明度的色彩暗沉。
在HSB模式，一般来说低/中/高饱和高亮度的色彩都显得年轻有活力，其中饱和度低的显得浅淡。低亮的色彩显得成熟稳重沉闷。
同色相搭配：
H相同，只改变S和B。另外色相加减15°，可以使搭配的颜色更加有层次感。
同色调搭配：
S和B相同，H不同。另外色调可以加减10%。下图是中饱和高亮度的不同色相变化。S=40，B=100，H分别为0°，30°，60°等的色彩变化。
色彩的冷暖：
根据人的心理感受把颜色分成冷色调（青、蓝）、暖色调（红、橙、黄）和中性色调（紫、绿、黑、白、灰）。