首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

学会HSB色彩模式,让配色有理有据!

我结合在近期的一些项目中对于 HSB 色彩模式的应用,与大家分享一些结合 HSB(HSV)色彩模式帮助我们进行配色的理论和技巧。也欢迎大家一起讨论,共同进步。 ---- ????色彩模式有哪些?...RGB 和 CMYK 两大色彩模式是最重要和最基础的,RGB 更是与我们的工作密不可分。可是,在实际工作中我们往往很少直接通过 RGB 模式进行调色。 ---- ????...HSB 色彩模式在项目中的实际应用 1. 爆款、预约详情页色卡库 在去年的 vivo 游戏中心爆款、预约详情页的改版优化中,都运用了 HSB 色彩模式。...我通过结合 Material Design 以及 Developer 深色模式适配规范中的色彩示例来简单说明,怎样借助 HSB,来达到深色模式色彩科学合理的适配。...到这里关于 HSB 色彩模式在设计中的应用就全部介绍完成了~

1.4K30
您找到你想要的搜索结果了吗?
是的
没有找到

色彩知识

根据以上计算方法, 24 bit 的影像即可显示 16,777,216 种色彩,十分接近肉眼所能分辨的颜色,所以被称为真色彩 (True color)。...现在的显示器一般都是使用的这种色彩模式。颜色空间图如下: image.png 通常现在用得最多的是RGB888,也就是红,绿,蓝各占8个位,取值范围从0~256。...YUV色彩模式 YUV是一种在视频编解码领域应用很广泛的色彩格式。Y分量代表亮度,U和V分量分别代表颜色。...CMYK模式在本质上与RGB模式没有什么区别,只是产生色彩的原理不同,在RGB模式中由光源发出的色光混合生成颜色,而在CMYK模式中由光线照到有不同比例C、M、Y、K油墨的纸上,部分光谱被吸收后,反射到人眼的光产生颜色...色阶 色阶是表示图像亮度强弱的指数标准,也就是我们说的色彩指数,在数字图像处理教程中,指的是灰度分辨率(又称为灰度级分辨率或者幅度分辨率)。图像的色彩丰满度和精细度是由色阶决定的。

1.6K20

数字图像处理领域中常见的几种色彩模式

在数字图像处理过程中,常见的几种色彩模式有RGB, HSL\HSV和YCbCr RGB: 通过对红(R), 绿(G), 蓝(B)三个颜色通道的变化和叠加来得到其它颜色,三个分量的范围都是[0, 255]...HSL\HSV: 将RGB色彩模式中的点在圆柱坐标系中进行表述,分为色相(Hue), 饱和度(Saturation), 亮度(Lightness)\明度(Value)三个通道。...色相(H):色彩的基本属性,就是日常所说的颜色名称,如红色、黄色等,取值范围为[0, 360);饱和度(S):色彩的纯度,越高色彩越纯,低则逐渐变灰,取值范围[0, 100%];明度(V),亮度(L):...,用于指定像素的颜色 在数字图像处理中,选择合适的色彩模式往往能达到事半功倍的效果 此处以Android平台上操作图像的亮度,对比度和饱和度来进行说明,首先了解下三者的概念:亮度:像素灰度值的强度,亮度越高则图像越发白...,否则图像越黑;饱和度:色彩的纯度,越高色彩越纯越亮,低则逐渐变灰变暗;对比度:图像中像素之间的差异,对比度越高图像细节越突出,反之细节不明显; 从上面的概念上来看,如果要操作图像的亮度和饱和度,在HSL

1.5K10

色彩空间介绍

色彩空间 色彩空间也称色彩模型(又称色彩空间或色彩系统)它的用途是在某些标准下用通常可接受的方式对彩色加以说明。本质上,色彩模型是坐标系统和子空间的阐述。位于系统的每种色彩都有单个点表示。...采用的大多数色彩模型都是面向硬件或面向应用的。色彩空间从提出到现在已经有上百种,大部分只是局部的改变或专用于某一领域。色彩空间有许多种,常用有RGB,YUV,HSV,HSI等。...在大自然中有无穷多种不同的颜色,而人眼只能分辨有限种不同的颜色,RGB模式可表示一千六百多万种不同的颜色,在人眼看来它非常接近大自然的颜色。...位分辨率决定了色彩等级,8bit数据每个颜色分量就有256种。...RGB色彩模型的缺点: ·RGB3分量是高度相关的,即如果一个颜色的某一个分量发生了一定程度的改变,那么这个颜色很可能要发生改变; ·人眼对于常见的红绿蓝三色的敏感程度是不一样的,因此RGB色彩空间的均匀性非常差

82221

网页色彩死抠指南

网页色彩的使用方式有很多。而我认为,但凡用一件东西,懂得其原理肯定大有裨益。网页色彩也不例外。现在就来死抠一下网页色彩的究竟吧。...颜色混合 众多使用色彩的人,他们对色彩的理解还与孩童时候鼓弄颜料时一样。但电脑上的情形已然不同,因为颜色混合机制有变。你小时候用的是颜料。...显示器是在一些不同的显示模式下做出来的,因而会改变我们从显示器上感知色彩的方式,色深就是用来描述这种情况的术语。单次能被显示的颜色数量取决于色深。如果色深为1,我们可以产生双色或单色。...如果你用过 Photoshop 里的图层效果,想必对交融混合模式不会陌生。...交融混合模式与背景混合模式把两张不同的图层组合在一起,有 16 种模式可用。每个都过一遍有点超出本文的主题,下面只列一些主要的点。

1.5K40

色彩理论极简史

在这个简短的介绍中,我对两个不同但又相关的领域之间的冲突特别感兴趣,这两个领域都在“色彩理论”一词下运作:艺术色彩理论,它关注美术中色彩组合产生的视觉效果;科学色彩理论,它通过越来越复杂但精确的色彩模型来描述色彩的特性...同样,干枯的植物也会失去鲜艳的色彩,因此水也能提供色彩。这个理论是几个世纪以来颜色理论家如何使用颜色建立宇宙一般理论的典型代表。...在他看来(就像歌德一样),色彩的主观体验才是重要的,他的书着重于探索如何将色彩组合起来以激发观者的感觉。伊登作品的核心观点是存在七种色彩对比,艺术家必须掌握它们才能评判其色彩选择的效果。...这使得《色彩的互动》一书成为了色彩构成的最重要和最经久不衰的书籍之一。...在以下各章中,我们将研究色彩模型、色彩空间以及代码中生成颜色方案(color scheme)的技术。

1.7K51

OpenCV-色彩空间

本小节主要介绍色彩空间的一些概念,并使用OpenCV进行色彩空间的转换,并通过通过色彩空间的转换提取视频中的指定颜色。...色彩空间有很多,比如gray、hsv、yuv、ycrcb等,使用OpenCV进行色彩空间的转换很简单。 ? 执行效果: ? 其中HSV是比较常用的,下面主要介绍一下HSV色彩空间。...02 HSV色彩空间 HSV是一种将RGB色彩空间中的点在倒圆锥体中的表示方法。HSV即色相(Hue)、饱和度(Saturation)、明度(Value),又称HSB(B即Brightness)。...色相是色彩的基本属性,就是平常说的颜色的名称,如红色、黄色等。饱和度(S)是指色彩的纯度,越高色彩越纯,低则逐渐变灰,取0-100%的数值。...我们可以将图片或者视频转换为HSV色彩空间,然后通过其中过滤像素的区间范围来过滤出特定的颜色,下标就是HSV色彩空间中对应颜色的取值范围: ?

98100

LabVIEW色彩分类识别

色彩分类的特征提取过程并不直接使用色谱,而是基于HSL空间构建分辨率可选的(高、中、低3挡)的一维色彩特征向量。...中分辨率和低分辨率色彩特征向量是通过先提取高分辨率色彩特征向量,然后再对其应用动态遮罩(Dynamic Mask)获得的。...Nl Vision提供了两种色彩训练方法,一是使用NI色彩分类训练器离线完成色彩训练(位于:National Instruments\Vision\Utility\Color Classification...NI色彩分类训练器可以在进行色彩分类之前,先从多个采集到的彩色样本图像中提取高分辨率的色彩特征,并将该特征与类标签进行关联。...若选择了中分辨率或低分辨率,则训练过程还会对高分辨率的色彩特征施加动态遮罩过程,获得相应分辨率的色彩特征向量。

1.6K30

感知色彩质量度量

本篇是来自EclairColor的软件工程师Francois Helt带来的演讲,主题是:“感知色彩质量度量”。...视觉再现中的色彩测量有两个主要方面。一个是测量影院再现设备的性能,另一个与观众的视觉感受有关。一方面,人类感知有可变性的特征,另一方面,视觉再现的技术趋势在增加新的色彩源特征。...将它与现有的色彩精度公差进行比较。实际上,以当前标准表示的容许偏差远大于由观察者差异引起的差异。...简而言之,本文将说明如何根据观察者的变化计算同色异谱指数;计算以色彩误差的幅度结束;计算与MacAdam椭圆对应的颜色误差的大小,并将其与同色异谱指标的大小进行比较;根据颜色误差评估当前的颜色容许偏差。

62940

彩色图像色彩空间原理

自然界的各种色彩、人类所感知的色彩以及各种图像设备和计算机软件所使用的颜色可通过色彩空间(Color Space)来描述。 色彩是人脑对不同视觉刺激的反应。...人眼视网膜上的色敏细胞会分别对红、绿、蓝3个波段的色彩进行采样。采样后的信号传送至大脑后组合在一起就会产生对色彩的感知。...因此彩色图像的处理计算工作就可以被分解至各颜色分量所对应的一组图像上进行,包括图像增强和分割、色彩匹配、色彩定位、色彩模式识别分类以及彩色图像分割等。...多数色彩空间都是基于人类大脑对不同颜色的感觉(sensations)而建立,因此详细了解各种色彩空间之前,需要先明确感觉的相关定义。...明度、灰度或亮度都用于控制色彩的明暗变化。数值越小,色彩越接近于黑色;数值越大,色彩越接近于白色。下图显示了HSL色彩空间的锥形结构: ?

94940

色彩空间与像素格式

色彩空间基础 颜色是不同波长的光对人眼刺激产生的色彩感觉。色彩空间(Color Space)是颜色的数学表示,根据不同的表示方法分为不同的色彩模型。...最常用的色彩模型有三类:RGB(用于计算机图形学), YUV(用于视频系统), CMYK(用于彩色印刷)。后文对色彩空间与色彩模型的叫法不作区分。...RGB色彩空间中每个像素点包含了R、G、B三种分量。RGB存储模式也有packed和planar两类,这两种模式的区分在第3节中讲述。...RGB色彩空间及存储模式比较简单,我们挑几个有代表性的存储模式来简述一下: 2.1 存储模式RGB565 使用16b(bit)表示一个像素,5b用于R,6b用于G,5b用于B。...YCbCr还可指色彩空间,YCbCr色彩空间是YUV色彩空间的缩放和偏移版本。 YUV, YCbCr, YPbPr所指涉的范围,常有混淆或重叠的情况。

1.1K20
领券