浅谈数字绘画中HSB色彩取色模式的运用

四、HSB色彩模式前面我们已经学习过了两大色彩模式RGB和CMYK。

色彩模式有很多种，但这两种是最重要和最基础的。

其余的色彩模式，实际上在显示的时候都需要转换为RGB，在打印或印刷(又称为输出)的时候都需要转为CMYK。

虽然如此，但这两种色彩模式都比较抽象，不符合我们对色彩的习惯性描述。

比如下面这幅图像：如果问：图中人物衣服颜色的RGB或CMYK值是多少？你一定会觉得不得其所。

如果现在要你在RGB模式下组合出一个浅绿色，也很难准确地做到。

虽然Photoshop和Illustrator以及GoLive的取色滑块都提供了色彩预见功能，即动态颜色滑块。

如下图。

可以预见：将R滑块往右拉就会得到粉红色；把B滑块向左拉会得到草绿色；把G 滑块向右拉就可以得到浅绿色。

动态颜色滑块功能可以在预置中常规选项中打开或关闭。

但这种方式还是不够直观，最重要的是不方便修改，比如目前的蓝色，想要得到更浅更亮的蓝色，需要拉动三个滑杆才能得到，如下图：习惯上我们都会说图片上的衣服是黄色的。

或者说是亮黄色的。

比如晴空，我们首先想到蓝色，然后是浅蓝色。

比如湖水，首先想到绿色，进一步想到碧绿色。

我们大脑对色彩的直觉感知，首先是色相，即红色橙黄色绿色青色蓝色紫中的一个，然后是它的深浅度。

HSB色彩就是籍由这种模式而来的，它把颜色分为色相、饱和度、明度三个因素。

注意它将我们人脑的“深浅”概念扩展为饱和度(S)和明度(B)。

所谓饱和度相当于家庭电视机的色彩浓度，饱和度高色彩较艳丽。

饱和度低色彩就接近灰色。

明度也称为亮度，等同于彩色电视机的亮度，亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白，最低得到纯黑。

如果我们需要一个浅绿色，那么先将H拉到绿色，再调整S和B到合适的位置。

一般浅色的饱和度较低，亮度较高。

如果需要一个深蓝色，就将H拉到蓝色，再调整S和B到合适的位置。

一般深色的饱和度高而亮度低。

如下2图：这种方式选取的颜色修改方便，比如要将深蓝色加亮，只需要移动B就可以了，既方便又直观。

学会HSB色彩模式，让配色有理有据！前言作为一名设计师，每天不免都会和色彩打交道，但有时总会苦恼于色感把握不准，让我们配的色彩，总是“不对味儿”。

我结合在近期的一些项目中对于 HSB 色彩模式的应用，与大家分享一些结合 HSB （HSV）色彩模式帮助我们进行配色的理论和技巧。

也欢迎大家一起讨论，共同进步。

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

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

这种色彩表现方式，称为 RGB 色彩。

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

RGB 和CMYK 两大色彩模式是最重要和最基础的，RGB 更是与我们的工作密不可分。

可是，在实际工作中我们往往很少直接通过RGB 模式进行调色。

简单聊聊 HSB 色彩模式1. HSB 是什么？「这是什么颜色？鲜不鲜艳？很亮还是很暗？」当我们看到一个颜色时，往往心中都会闪现这三个问题。

事实上，人类对于色彩的第一个感知往往是从色相（Hue）开始，即红色橙黄色绿色青色蓝色紫中的一个，然后是它的深浅度。

HSB 模式对应的媒介是人眼，在选择色彩这件事上，HSB 使用了更贴近人类感官直觉的方式来描述色彩，它把颜色分为色相、饱和度、明度三个因素（将我们人脑的“深浅”概念扩展为饱和度和明度）。

H—色相/色调：颜色的相貌，颜色的调性，在标准色轮上，色相是按位置度量的，取值在0—360度之间（黑色与白色无色相）。

△ 网络图片-圆形色相环S—表示饱和度/纯度：颜色的纯度，取值在0—100之间，饱和度高色彩较艳丽。

饱和度低色彩就接近灰色。

大公司都在用的HSB色彩模型配色法设计驱动力本文来源：李惠丸（知识星球APP：我们的设计日记），共2041 字你知道怎么定义色板?你知道Google以及BAT色彩系统如何设计的？你知道一个APP有几个配色？今天这篇文章，帮你了解大公司配色方法-HSB色彩模型的配色方法，使用这个色彩模型能帮助我们在调色时对颜色有明确的心理预期，帮助我们快速高效的搭配出科学美观的色彩。

什么是HSB?HSB是一种将RGB色彩模型中的点放在圆柱坐标系中的表示方法，在概念上可以被认为是色彩的圆柱体(黑色在下白色在上)。

如下图所示，圆柱的中心轴为灰色，以中心轴为角度变化的值称为“色相(H)”，到中心轴距离变化的值称为“饱和度(S)”，而沿着中心轴高度变化则称为“亮度(B)”或“明度(V)”。

▲ HSB又称HSV后(Value)明度改为(Brightness)亮度HSB色彩模型以直观的方式表达了关于颜色的信息:“这是什么颜色?深浅如何?明暗如何?”。

通过该模型，我们只需通过简单的数字就能轻松判断出该数值的颜色，这是十六位进制码所做不到的。

下面分别演示三种数值的变化带来色彩的改变。

色相(H)色相是色彩的相貌，也就是我们常说的红、橙、黄、绿等颜色名称。

色相值按位置度量，在HSB色彩模型中红色为0°，黄色为60，绿色为120°，青色为180，蓝色为240，红色为300。

十二色相环每一色相间距30°，二十四色相环每一色相间距15。

饱和度(S)饱和度表示色彩的纯度，取值范围0~100%，从色环中心向外递增。

当饱和度为0时点在中心，则显示为灰、白、黑无彩色。

当饱和度达到100%时，点则移动到色环边缘，会显示每个色相最纯的色光。

如上图所示，在色相(H)、亮度(B)不变的情况下减少饱和度(S)颜色逐渐变淡最后变成白色。

亮度(B)亮度指色彩的明亮度，取值范围0~100%，沿着圆柱体底部向上递增。

亮度为0时即黑色，点处于最底部。

简析计算机色彩简析计算机色彩摘要：计算机色彩也叫数字色彩，是色彩学的一种新的体系和形式，当人类进入信息社会以后，艺术色彩学也不可避免地被卷入数字化的潮流。

传统的色彩学理论在人们的意向中已根深蒂固，大多数人对计算机的色彩认识不是很理解，认为应该和传统的艺术学色彩没有异同，本文针对计算机色彩的形成原理和运行模式来诠释色彩在计算机中的存在方式。

关键词：计算机色彩模型光是自然界的一种物理现象;光源――可见光波通过人眼――使人感觉到色彩。

人的眼睛之所以能感知到色彩，是因为有光照的结果。

我们把人眼所能见到的颜色，由它们的光学性质分为两大类别，一是“发射光”，二是“反射光”。

“发射光”就是光源发出的光，如阳光、灯光、计算机显示器、数码机显示屏等，它是计算机色彩得以存在的前提条件。

计算机色彩的颜色都是发射光形成的颜色。

“反射光”是从物体表面反射出去的光，我们能用肉眼看到的一切非发光体的颜色，都是属于反射光，如山川、天空、大海、园林、花草、家具等。

人们在自然界中获得色彩,为了能还原、再现或呈现出大脑中理想的色彩。

在传统绘画中画家使用颜料根据光的照射原理和色彩的环境反射原理等因素用画笔描绘出一幅幅绚丽多彩的艺术境界。

而在计算机里用户根据色彩产生原理和色光的成因,可以使用不同的计算机颜色模型通过计算机监视器来诠释不同特征的色彩。

一、计算机色彩概念色彩是通过眼、脑和我们的生活经验所产生的一种对光的视觉效应。

人对颜色的'感觉不仅仅由光的物理性质所决定，比如人类对颜色的感觉往往受到周围颜色的影响。

有时人们也将物质产生不同颜色的物理特性直接称为颜色。

色彩学家根据色彩的物理性质把丰富多样的颜色分成两大类：无彩色系和有彩色系。

无彩色系是指白色、黑色和由白色黑色调合形成的各种深浅不同的灰色。

无彩色系由白色渐变到浅灰、中灰、深灰到黑色，色度学上称此为黑白系列。

中间有各种过渡的灰色无彩色系的颜色只有一种基本性质――明度。

它们不具备色相和纯度的性质，也就是说它们的色相与纯度在理论上都等于零。

颜色色谱空间
颜色色谱空间是指用于表示颜色特征的数学模型或坐标系统。

不同的颜色空间可以用于不同的应用场景，包括计算机图形学、印刷、色彩管理等。

常见的颜色空间包括RGB颜色空间、HSI颜色空间、XYZ颜色空间以及Lab颜色空间等。

1. RGB颜色空间：是通过颜色匹配实验建立起来的颜色空间，选取三种不同的颜色（红、绿、蓝），由这三种颜色的不同组合，能产生其它任意颜色。

RGB颜色空间是最常用的颜色空间之一，通常用于计算机显示和数字图像处理。

2. HSI颜色空间：HSI（色调、饱和度、亮度）是一种更接近人类视觉系统的颜色空间，它能够更好地描述颜色的外观和感觉。

HSI颜色空间常用于图像处理、计算机视觉和人机交互等领域。

3. XYZ颜色空间：XYZ是国际照明委员会（CIE）制定的一种标准颜色空间，它能够表示人类视觉系统所能感知的所有颜色。

XYZ颜色空间常用于色彩测量、色彩匹配和色彩规划等领域。

4. Lab颜色空间：Lab是一种与设备无关的颜色空间，它是由国际照明委员会（CIE）制定的标准颜色空间之一。

Lab颜色空间能够准确地描述颜色的外观和感觉，常用于图像处理、印刷和色彩管理等领域。

总之，不同的颜色空间适用于不同的应用场景，需要根据具体需求选择合适的颜色空间。

hsb调色技巧HSB调色技巧是设计和美术领域中常用的一种调色方法，通过调整色相(Hue)、饱和度(Saturation)和亮度(Brightness)来达到理想的色彩效果。

本文将介绍HSB调色技巧的基本原理和应用，以及一些实用的调色技巧。

一、HSB调色原理HSB调色模式是一种直观的色彩表示方法，与常见的RGB和CMYK模式相比，更加容易理解和使用。

HSB分别代表色相、饱和度和亮度，通过调整这三个参数的数值，可以实现对颜色的精确控制。

1. 色相(Hue)色相是指色彩的种类，也可以理解为颜色的名称。

色相的取值范围是0°- 360°，对应于色轮上的不同位置。

红色对应的色相值是0°，绿色对应的色相值是120°，蓝色对应的色相值是240°，依此类推。

2. 饱和度(Saturation)饱和度是指色彩的纯度或强度。

饱和度的取值范围是0% - 100%，0%表示灰色，100%表示最鲜艳的颜色。

通过增加饱和度可以使颜色更加鲜艳，减小饱和度可以使颜色更加柔和。

3. 亮度(Brightness)亮度是指色彩的明暗程度。

亮度的取值范围是0% - 100%，0%表示黑色，100%表示白色。

通过增加亮度可以使颜色更加明亮，减小亮度可以使颜色更加暗淡。

二、HSB调色应用HSB调色技巧在设计和美术领域中有广泛的应用，可以用于调整图片、图标、插画等的颜色，以及创建各种色彩搭配方案。

1. 调整颜色通过调整色相、饱和度和亮度，可以实现对颜色的微调和精确控制。

例如，如果需要将一个红色变成橙色，可以增加色相的值；如果需要将一个颜色变得更加鲜艳，可以增加饱和度的值；如果需要将一个颜色变得更加明亮，可以增加亮度的值。

2. 创建色彩搭配方案HSB调色模式可以帮助我们创建各种色彩搭配方案，例如类似色、互补色、三角色、四方色等。

通过在色轮上选择不同的色相，可以找到与当前颜色搭配的其他颜色，从而实现色彩的协调和平衡。