编辑导语：在产品设计中，设计师必不可免地要与色彩打交道。这时候，设计师就需要掌握一定的配色理论和技巧，以求在UI设计、产品设计中实现好看的设计样式。本篇文章里，作者就分享了HSB色彩模式，一起来看一下。

念起

作为一名UI设计师，不免每天都会和色彩打交道，但有时总会苦恼于色感把握不准，让我们配的色彩，总是“不对味儿”。我结合在近期的一些项目中对于HSB色彩模式的应用，与大家分享一些结合HSB（HSV）色彩模式帮助我们进行配色的理论和技巧。也欢迎大家一起讨论，共同进步。

一、色彩模式有哪些？

我们生活中借助观看而感觉到的“色彩”，可分为光加上颜色之后所透出的“透出色”，以及光照射到物体上反射出的“反射色”。

透过色是以“加色混合”的方式，由红、绿、蓝，共三色混合，表现出各种的颜色，我们的计算机屏幕就使用这种方式表现颜色。这种色彩表现方式，称为RGB色彩。

图1 《设计入门教室-色彩设计的原理》

物体色彩的反射色，是用画具或染料、油墨等“色材”来表现颜色，印刷品基本是由青、洋红、黄、黑四种油墨相互组合而成，所有的颜色皆以“减色混合”的方式表现，这种方式称为CMYK色彩。

RGB和CMYK两大色彩模式是最重要和最基础的。RGB更是与我们的工作密不可分。可是，在实际工作中我们往往很少直接通过RGB模式进行调色。

二、简单聊聊HSB色彩模式