前面我们已经学习过了两大色彩模式RGB和CMYK。色彩模式有很多种,但这两种是最重要和最基础的。其余的色彩模式,实际上在显示的时候都需要转换为RGB,在打印或印刷(又称为输出)的时候都需要转为CMYK。虽然如此,但这两种色彩模式都比较抽象,不符合我们对色彩的习惯性描述。比如下面这幅图像,如果问:图中人物衣服颜色的RGB或CMYK值是多少?你一定会觉得不得其所。如果现在要你在RGB模式下组合出一个浅绿色,也很难准确地做到。

其实Photoshop和Illustrator以及GoLive的取色滑块都提供了色彩预见功能,即动态颜色滑块(可在【编辑 首选项】的常规选项中打开或关闭)。如下图 ,

可以预见:将R滑块往右拉就会得到粉红色;把B滑块向左拉会得到草绿色;把G滑块向右拉就可以得到浅绿色。但这种方式还是不够直观,最重要的是不方便修改,比如目前的蓝色,想要得到更浅更亮的蓝色,需要拉动三个滑杆才能得到,如下图。

习惯上我们都会说图片上的衣服是黄色的。或者说是亮黄色的。比如晴空,我们首先想到蓝色,然后是浅蓝色。比如湖水,首先想到绿色,进一步想到碧绿色。我们大脑对色彩的直觉感知,首先是色相,即红色橙黄色绿色青色蓝色紫中的一个,然后是它的深浅度。
HSB色彩就是籍由这种模式而来的,它把颜色分为色相、饱和度、明度三个因素。注意它将我们人脑的“深浅”概念扩展为饱和度(S)和明度(B)。所谓饱和度相当于家庭电视机的色彩浓度,饱和度高色彩较艳丽。饱和度低色彩就接近灰色。明度也称为亮度,等同于彩色电视机的亮度,亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到纯白,最低得到纯黑。
如果我们需要一个浅绿色,那么先将H拉到绿色,再调整S和B到合适的位置。一般浅色的饱和度较低,亮度较高。如果需要一个深蓝色,就将H拉到蓝色,再调整S和B到合适的位置。一般深色的饱和度高而亮度低。如下2图

这种方式选取的颜色修改方便,比如要将深蓝色加亮,只需要移动B就可以了,既方便又直观。
如果要选择灰度,只需要将S放在0%,然后拉动B滑杆就可以如同灰度模式那样选择了。如下右图。注意,HSB方式得到的灰度,与灰度滑块K的数值是不同的。我们在Photoshop中选择灰度时候,应以灰度滑块为准。

如果要选择灰度,只需要将S放在0%,然后拉动B滑杆就可以如同灰度模式那样选择了。如下图。注意,HSB方式得到的灰度,与灰度滑块K的数值是不同的。我们在Photoshop中选择灰度时候,应以灰度滑块为准。

在HSB模式中,S和B的取值都是百分比,唯有H的取值单位是度,这个度是什么意思?是角度,表示色相位于色相环上的位置,将我们前面学过的色相环加上角度标志就明白了。
如下图。从0度的红色开始,逆时针方向增加角度,60度是黄色,180度是青色等等。360度又回到红色。可以自己调节H滑块对照一下。需要注意的是,由于在Photoshop的HSB模式中只能输入整数,因此能够选择的色彩数量是360万种。虽然在数量上不及RGB模式,但对于我们来说也是足够使用了。

我们再看一下Photoshop的拾色器,拾色器的H方式其实就是HSB取色方式。色谱就是色相,而大框就包含了饱和度和明度(横方向是饱和度,竖方向是明度)。如下图。

可以看出,在选取颜色的时候,HSB模式较为直观和方便。在Illustrator和GoLive中也是如此。

ps:HSB色彩模式的更多相关文章

  1. 1-7HSB色彩模式

    http://www.missyuan.com/thread-350721-1-1.html HSB色彩模式色相hue.饱和度saturation.明度brightness 在HSB模式中,S和B的取 ...

  2. 矢量图形(vector graphics)和位图图像(bitmap)以及分辨率概念

    第一篇:凭心而论.客观地认识矢量图形与位图图像http://www.dzwebs.net/2003.html 学习过物理的人都明白,矢量有大小和方向,而标量只有大小却没有方向: 但是在计算机里面,图形 ...

  3. Java开发笔记(一百二十)AWT文本标签

    前面介绍了AWT窗口及其面板的简单用法,其中展示出来的控件只有按钮一种,还有很多好用好玩的控件有待介绍.首先是文本标签Label,该控件用于显示一段平铺文本,它不花哨也不跳动,完全就是素面朝天的文本字 ...

  4. PS插件CameraRaw-HSL色彩模式

    一.HSL百度百科 HSL色彩模式是工业界的一种颜色标准,是通过对色相(H).饱和度(S).明度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,HSL即是代表色相,饱和度,明度三 ...

  5. ps基本认识

    近来中意ui方面学习,从视频中总结了些许notses,希望能够帮到共同喜欢(❤ ω ❤)的友友 ·基础了解 位图:由像素组成的图片,把位图无限放大以后看到很多小方格,一个方格代表一个像素 矢量图:放大 ...

  6. 色彩空间RGB/CMYK/HSL/HSB/HSV/Lab/YUV基础理论及转换方法:RGB与YUV

    之前做个设计,现在从事IT,脑子里面关于RGB,RGBA,CMY,CMYK,YUV,但是具体理论还是不扎实.若干年前之前写过<水煮RGB与CMYK色彩模型—色彩与光学相关物理理论浅叙>&l ...

  7. 0基础90分钟会用PS——GenJi笔记

    数码图像的相关基础概念 1.位图和矢量图 位图 也叫点阵图像,位图使用也称像素的一格一格的小点来描述图像,图放大后我们可以看到像素点 矢量图 根据几何特性来绘制图形,用线段和曲线描述图像,可以是一个一 ...

  8. 一个前端所需具备的PS能力

    前端网页设计+静态实现案例 放一个2天半内给某公司完成的(设计 + 静态实现)的案例吧,静态阴影用CSS3实现的http://www.cnblogs.com/MuYunyun/p/5693615.ht ...

  9. Atitit  rgb yuv  hsv HSL 模式和 HSV(HSB) 图像色彩空间的区别

    Atitit  rgb yuv  hsv HSL 模式和 HSV(HSB) 图像色彩空间的区别 1.1. 色彩的三要素 -- 色相.明度.纯度1 1.2. YUV三个字母中,其中"Y&quo ...

随机推荐

  1. SpringMVC传参注解@RequestParam,@RequestBody,@ResponseBody,@ModelAttribute

    参考文档:https://blog.csdn.net/walkerjong/article/details/7946109 https://www.cnblogs.com/daimajun/p/715 ...

  2. MySQL与MongoDB的不同

    数据存放的巨大不同

  3. mysql语句练习50题

    为了练习sql语句,在网上找了一些题,自己做了一遍,收益颇多.很多地方换一种思路,有更好的写法,欢迎指正. 题目地址:https://blog.csdn.net/fashion2014/article ...

  4. mysql 无法存储表情字符 java.sql.SQLException: Incorrect string value: '\xF0\x9F\x90\xBE",...' for column 'XXXX' at row 1

    1.变更字段类型 ALTER TABLE api_log MODIFY COLUMN remark longtext CHARACTER SET utf8mb4 COLLATE utf8mb4_uni ...

  5. ArrayDeque 源码分析

    ArrayDeque ArrayDeque 能解决什么问题?什么时候使用 ArrayDeque? 1)Deque 接口大小可变的循环数组实现,ArrayDeque 没有容量限制并会按需增长. 2)Ar ...

  6. ceph-pve英语

    adapted accordingly并相应地调整 silosn. 筒仓:粮仓:贮仓(silo的复数) saturatevt. 浸透,使湿透:使饱和,使充满While one HDD might no ...

  7. 阶段1 语言基础+高级_1-3-Java语言高级_03-常用API第二部分_第6节 基本类型包装类_1_包装类的概念

    只有这两个比较特殊

  8. oracle 11g 数据库恢复技术 ---04 rman

    四 RMAN RMAN体系结构的主要组成部分: --1 目标数据库(target) --2 RMAN命令行客户端 --3 通道(channel) --4 快速恢复区(fast recovery are ...

  9. Bootstrap 学习笔记 项目实战 响应式导航栏

    导航代码HTML: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=&q ...

  10. 强化学习-K摇臂赌博机

    在强化学习任务中,学习的目的就是找到能够长期累积奖赏最大化的策略.这里的策略实际上就相当于监督学习中的分类器或回归器,模型的形式并无差别.但不同的是,在强化学习中并没有监督学习中的有标记样本,换言之, ...