计算机视觉教程0-2:你了解眼里所见的色彩吗?(详解RGB/HSV/Lab)

简介: 计算机视觉教程0-2:你了解眼里所见的色彩吗?(详解RGB/HSV/Lab)

目录

1 认识色彩

我们DNA里的氮元素,牙齿里的钙元素,血液里的铁元素,吃掉的东西里的碳元素,都是曾经宇宙大爆炸时的万千星辰散落后组成的,所以我们每个人都是星辰。——卡尔萨根

image.png

在我们的印象里,星辰都是斑斓的、靓丽的、无垠的,但不知道你有没想过,你真的认识和了解星辰绚丽色彩背后的故事吗?


什么是色彩?


如图所示,色彩(color)对应电磁波的可见光波段,是被后期处理的波长信息。色彩既是物体的客观属性——确定的波长,又带有大脑的主观属性——不同的个体对特定波长的电磁波敏感程度不同,感受的色彩也有差异。


image.png

2 描述色彩

为了表示色彩,人们建立了一维、二维、三维甚至四维空间坐标模型,这些色彩模型称为色彩空间(Colour Space)。下面介绍常见的色彩空间。

2.1 RGB色彩空间

RGB色彩空间基于三原色学说:视网膜存在三种视锥细胞,分别含有对红、绿、蓝三种光线敏感的视色素,当一定波长的光线作用于视网膜时,以一定的比例使三种视锥细胞分别产生不同程度的兴奋,这样的信息传至大脑中枢就产生某一种颜色的感觉。


在RGB模式下,通道向量 C C C的三个分量分别表示 R R R、 G G G、 B B B三个颜色通道的颜色强度。 R R R、 G G G、 B B B相当于颜色空间的三个正交基,如图所示,通过 R R R、 G G G、 B B B的比例来混合调节出纷繁复杂的各种颜色。


image.png

RGB颜色模型的优点是:


易于理解;

便于硬件实现,现代显示屏一般基于RGB模型;

引入位分辨率(颜色深度),指一个像素中,每个颜色分量的比特数。位分辨率决定了色彩等级,例如8位颜色深度,每个颜色分量就有256种可能。

RGB颜色模型的缺点在于三个分量均用于表示色调,即如果改变某一个分量的数值,这个像素的颜色就发生了改变。在颜色定位等工程中,使用RGB模型就要同时考虑 R R R、 G G G、 B B B三个变量,较为复杂。

2.2 HSV色彩空间

HSV颜色空间比RGB更接近人们对彩色的感知经验,非常直观地表达颜色的色调、鲜艳程度和明暗程度。


在HSV模式下,通道向量 C C C由三个部分组成:


色调、色相(Hue):指色彩的相貌和特征,在波形图中一个特定波长就对应一个色调。

饱和度(Saturation):指色彩鲜艳程度,呈现一种从理性(灰度)到感性(纯色)的变化。

明度(Value, Brightness):指某种颜色的透光量。与亮度(Lightness)不同,亮度特指被白光稀释的浓度,任何颜色的高亮都趋于白色,但每种高明度颜色都不同。


image.png

由于HSV可以单独处理色调值,而不会影响到明度和饱和度;或者单独改变明度、饱和度而不影响颜色本身,因此在图像处理中,HSV常用于颜色定位追踪、提取色彩直方图等。

HSV模型的缺点是目前很少有硬件支持,需要从RGB或其他色彩空间进行转换。

2.3 Lab色彩空间

Lab色彩空间基于人对颜色的感觉设计,具有感知均匀性(Perceptual Uniform),即如果参数L、a、b变化幅度一样,则人视觉上的变化幅度也差不多。


image.png

在Lab模式下,通道向量 C C C由三个部分组成:


亮度(Lightness)

a颜色分量:代表从绿色到红色的分量

b颜色分量:代表从蓝色到黄色的分量

Lab同样容易调整——调节亮度仅需关注L通道,调节色彩平衡仅需关注a和b通道。此外,Lab还具有色域广阔、设备无关等性质。

3 数字成像

数字成像时,设备通过如图所示的图像传感器感光并转换为一定的强度值,这个过程称为图像的数字化,数字图像的基本单元称为像素(Pixel)。


如果数字成像设备仅使用图像传感器,则无法获取光照的颜色信息,即只能产生灰度图像。为了获取彩色图片,引入拜耳滤波器(Bayer Filter),其核心原理是通过滤光降采样获得图像色彩信息,通过插值、修正等算法恢复彩色图像。


image.png

具体而言,在图像传感器前面设置一个滤光层,上面布满的滤光点与下层像素一一对应,这些滤光点按照2×2的色块依次排列,称为拜耳阵列。每个滤光点仅通过 R R R、 G G G、 B B B中的一种——下层像素只可能为 R R R、 G G G、 B B B或NULL,至此设备完成了对图像降采样后原始色彩信息的搜集。

4 数字成像实例


image.png

对于一张彩色数字图片,通常会将其表成一个 W × H × C W\times H\times C W×H×C的3维矩阵。其中


W W W表示图片的宽;

H H H表示图片的高;

C C C表示图片的通道数;

W × H W\times H W×H描述的是图片的分辨率——表示图像包含的像素总数;

C C C描述的是像素点代表的色彩,通常 C C C是一个向量,可以通过赋予 C C C不同维度不同的含义,描述不同的颜色空间,体现的是图片更深层的细节。


🚀 计算机视觉基础教程说明


章号                                    内容

 0                              色彩空间与数字成像

 1                              计算机几何基础

 2                              图像增强、滤波、金字塔

 3                              图像特征提取

 4                              图像特征描述

 5                              图像特征匹配

 6                              立体视觉

 7                              项目实战


🔥 更多精彩专栏:


《机器人原理与技术》

《ROS从入门到精通》

《计算机视觉教程》

《机器学习》

《嵌入式系统》

《数值优化方法》


目录
相关文章
|
并行计算 Ubuntu 机器人
计算机视觉教程7-3:Openpose配置与实践
计算机视觉教程7-3:Openpose配置与实践
1823 0
计算机视觉教程7-3:Openpose配置与实践
|
机器学习/深度学习 搜索推荐 算法
计算机视觉教程6-1:图解双目视觉系统与立体校正原理
计算机视觉教程6-1:图解双目视觉系统与立体校正原理
605 0
计算机视觉教程6-1:图解双目视觉系统与立体校正原理
|
9月前
|
人工智能 并行计算 数据可视化
【计算机视觉】手把手教你配置stable-diffusion-webui进行AI绘图(保姆级教程)
如果说,会用各大在线的AI绘图平台来生成图像的话,算是AI绘画的小学生级别。那么,如果会使用本地化部署来运行AI绘画的话,那就已经算得上是高中毕业,进入成年啦。等你能够使用AI绘图指哪打哪,想怎么画怎么画,那就已经是大学毕业,学成归来的牛逼人物啦。
|
9月前
|
机器学习/深度学习 人工智能 自然语言处理
【计算机视觉】最新综述:南洋理工和上海AI Lab提出基于Transformer的视觉分割综述
近期,南洋理工大学和上海人工智能实验室几位研究人员写了一篇关于Transformer-Based的Segmentation的综述,系统地回顾了近些年来基于Transformer的分割与检测模型,调研的最新模型截止至今年6月!
|
传感器 Web App开发 机器学习/深度学习
计算机视觉教程0-3:为何拍照会有死亡视角?详解相机矩阵与畸变
计算机视觉教程0-3:为何拍照会有死亡视角?详解相机矩阵与畸变
373 0
计算机视觉教程0-3:为何拍照会有死亡视角?详解相机矩阵与畸变
|
机器学习/深度学习 人工智能 自然语言处理
深度学习与计算机视觉教程:斯坦福CS231n · 全套笔记解读
本教程依托于 Stanford 斯坦福大学的《CS231n:深度学习与计算机视觉》,对深度学习与计算机视觉方向的图像分类、CNN、RNN、目标检测、图像分割、生成模型等各个主题做了体系化的梳理。
1744 1
深度学习与计算机视觉教程:斯坦福CS231n · 全套笔记解读
|
机器学习/深度学习 机器人 计算机视觉
计算机视觉教程2-8:你知道图像背景虚化效果的原理吗?(附代码)
计算机视觉教程2-8:你知道图像背景虚化效果的原理吗?(附代码)
265 0
计算机视觉教程2-8:你知道图像背景虚化效果的原理吗?(附代码)
|
机器学习/深度学习 算法 机器人
计算机视觉教程2-7:天使与恶魔?图文详解图像形态学运算(附代码)
计算机视觉教程2-7:天使与恶魔?图文详解图像形态学运算(附代码)
122 0
计算机视觉教程2-7:天使与恶魔?图文详解图像形态学运算(附代码)
|
机器学习/深度学习 算法 机器人
计算机视觉教程2-6:八大图像特效算法制作你的专属滤镜(附Python代码)
计算机视觉教程2-6:八大图像特效算法制作你的专属滤镜(附Python代码)
291 0
计算机视觉教程2-6:八大图像特效算法制作你的专属滤镜(附Python代码)
|
机器学习/深度学习 存储 编解码
计算机视觉教程2-5:图像金字塔送她一朵玫瑰(附代码)
计算机视觉教程2-5:图像金字塔送她一朵玫瑰(附代码)
174 0
计算机视觉教程2-5:图像金字塔送她一朵玫瑰(附代码)

热门文章

最新文章