百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 软件资讯 > 正文

Photoshop 2020 —— 颜色、颜色属性、颜色模型、颜色模式和位深度

ninehua 2025-02-09 13:39 53 浏览

颜色

没有光就看不到颜色;

光、视觉、物体是看出颜色的3个必要条件;

白光,多种单色光复合而成;

人可以看到作为颜色的特定波长;(人对颜色的感知来自可见光中的电磁辐射对人眼视觉细胞的刺激);

可见色谱:红色、橙色、黄色、绿色、蓝色(青)、靛蓝(蓝)、紫色;

人如何看到物体的颜色?

人能看到物体,是因为光照下,反射光进入人眼,所以才能看到物体;

颜色呢?比如,光照下,一个苹果看起来是红色的!

光照射到苹果上,其他颜色的光(除了红色,可见色谱的其他颜色)都被吸收了,只有红光被反射,所以呈现红色;

提醒:白色物体能发射所有色光,黑色物体能吸收所有色光;

人看到物体的颜色,还跟人的视觉细胞的色彩感知能力相关,感知能力的差异,不同的人看同一个物体,颜色存在差异;(色弱、色盲......人与动物的差异很大)

其他影响因素:

颜色属性

颜色的3个属性

色相、明度(又叫亮度)和饱和度;

色相,指色彩的相貌,如红、橙、黄、绿、青、蓝、紫等;

明度,指色彩的明亮程度,明度越高越接近白色,越低越接近黑色;

饱和度,指色彩的鲜艳程度,也称纯度;

小结:

光由不同波长的光波组成,每一种光波呈现一种特定的颜色(可见和不可见);

对于人来说,只能看到可见色谱的光;

物体之所以呈现出不同的颜色,是因为它吸收了一部分颜色(吸收了一部分特定波长的光波),然后反射了其他的颜色;

颜色的3要素,色相、明度、饱和度;(构成了色彩的世界)

色相,明度和饱和度这3要素性,如何影响或生成最终的颜色?


对于ps软件,显示器、数码相机、电视机、打印机等硬件设备,颜色是由数学模型生成的(颜色的复现,量化颜色,用数字来表达颜色),具有不同的模式(用数字表达颜色的不同方法);

原色

色轮(色相环)

颜色模型

用数值来描述颜色的数学模型,将自然界的各种颜色数字化,以便能在数码相机、计算机显示器、打印机等设备上获取或呈现颜色;

ps中支持HSB、RGB、Lab、CMYK等4种颜色模型;(不同模型,使用数字不同的描述方法;)

HSB

颜色是光学现象,是光对眼睛刺激才看到了颜色;HSB模型以人对颜色的感觉为基础描述了颜色的3种属性:色相、饱和度和亮度;

H,色相,单位是度;

0,对应色轮上是红色;

S,饱和度,单位是%;0,灰色;100,完全饱和;

B,亮度,单位是%;0,黑色;100,白色;

RGB

使用R(红色)、G(绿色)、B(蓝色)3种色光(3原色)混合生成颜色;

RGB中的数值代表3种色光的强度;

如果位深度为8位,则每个RGB分量的强度值为0-255(2的8次方=256,范围0-255);均为0,黑色(不发光);均为255,白色(强度最大);当一种色光最强,其他两种最弱时,如:

R=255,G=0,B=0,表示生成纯度最高的红色;

CMYK

使用印刷3原色(C、M、Y)及黑色(K)油墨混合生成各种颜色;

C,青色;M,洋红;Y,黄色;K,黑色;

数值代表油墨的含量,数值单位是%,百分比越高,油墨颜色越深,越低,颜色越亮;

数值均为0,表示白色;(范围,0-100)

Lab

Lab是在CIE制定的颜色度量国际标准的基础上建立起来,一种基于生理特征(人对颜色的感觉)的颜色系统,用数字化来描述人的视觉感应;Lab中的数值描述正常视力能够看到的所有颜色;

L,(像素)亮度,范围是0(黑)-100(白);

a分量,绿色~红色轴;范围,-128~127;(绿色,低亮度值---灰色,中亮度值---红色,高亮度值)

b分量,蓝色~黄色轴;范围,-128~127;(蓝色,低亮度值---灰色,中亮度值---黄色,高亮度值)

颜色模式

在ps中,文档所使用的颜色模式是根据用于显示和打印图像的颜色模型制定的;

  1. RGB模式(数百万种颜色)
  2. CMYK模式(四种印刷色)
  3. 索引模式(256种颜色)
  4. 灰度模式(256级灰度)
  5. 位图模式(两种颜色)
  6. 双色调模式
  7. 多通道模式
  8. Lab模式

颜色模式或图像模式决定了如何基于颜色模式中的通道数量来组合颜色;

(ps中,图像的颜色信息保存在颜色通道中;对图像进行调色,实质是调整颜色通道;)

不同的颜色模式会导致不同级别的颜色细节和不同的文件大小;

RGB模式

颜色由红色、绿色、蓝色等3种色光按照不同的比例混合而成;

任何一个颜色都可以由一组RGB值来记录和表达;RGB的所谓多少,指强度值;

8位/通道的图像中,图像中的每个RGB分量的强度值为0-255;0,黑色(不发光);255,白色(强度最大);256x256x256=16777216(可以表示1600多万种颜色)

2的8次方=256(0-255),一个字节(=8bit(位))就能表示此范围,所以又叫8位通道色(共3个通道,每个通道8位,因此还叫24位色);

(其他还有16位,32位;表示的颜色范围(色域)更大;)

ps中,新建的图像默认模式为RGB,计算机显示器也使用RGB模式显示颜色;

一组RGB数值来表示一种颜色!

数值:0-255;0,强度最弱;255,强度最高;

纯黑:(0,0,0)

纯白:(255,255,255)

红色:(255,0,0)

绿色:(0,255,0)

蓝色:(0,0,255)

其他颜色呢?

相互为互补色的两种颜色是此消彼长的关系;

(要得到红色,就是要远离它的互补色青;)

通过计算获取任意一个颜色的反转色,比如红色的互补色是青色;

红色:(255,0,0),青色?

方法:用255(3个255,纯白)分别减去对应的RGB值,得到的就是其互补色;

(255-255,255-0,255-0),得到(0,255,255);

00ffff?颜色值用十六进制表示!

每个通道8位表示,3个通道共24位:

0---00,255---FF(大/小写都可以);

相当于:

青色=白色-红色

又因为RGB为(0,255,255),所以青色是最高强度的绿色和最高强度的蓝色混合而来(红色为0);

RGB是加色原色,如果屏幕显示图像时很青,不能说青色光太多,而是应该说红色光太少了(0);

小结:

RGB遵循加色原理,3原色通过不同的强度混合后,可以生成多种颜色;

RGB由R通道、G通道、B通道3个通道组成,单独表示图像中的红色、绿色、蓝色的成分,它们共同作用,表示一幅完整的图像;

RGB值的表示方法(0-255,十六进制等)

加色

发射光源的光线;

其色值越高,强度越大;

只要在屏幕或投影上(发光来显示图像)显示,都是通过RGB模式进行显示的;


CMYK模式

在CMYK下,为每个像素的每个印刷油墨指定一个百分比值;(也称印刷色模式)

C,青色;M,品红(也叫洋红);Y,黄色;K,黑色;

减色

现实中的物体,比如一支笔,它不会发射光线(不是光源),只能吸收和反射光线;

能看到笔和笔的颜色,一部分光线被吸收,不吸收的光线被反射入眼睛,然后人就能看到笔和笔的颜色;

CMYK模式下,通过青色、洋红、黄色3种颜色混色出各种颜色,这些颜色很难制造出完全纯度的油墨,所以加入黑色油墨来进行调和;

青色和黄色油墨混合,吸收红色光和蓝色光,反射绿色;

洋红和青色油墨混合,吸收绿色光和红色光,反射蓝色;

......

CMYK,4个通道,C,M,Y,K;

每个通道与RGB一样,都是一幅灰度图像;但有所不同,RGB灰度值表示色光强度,而CMYK灰度值表示油墨浓度;


灰度模式

去掉色相、饱和度,保留亮度的单一色调表现图像;(RGB模式下,各通道值相等;)

8位图像中,每个像素都有0-255的亮度值;(黑、白、中间的过渡灰色)


位图模式

同灰度模式一样,只保留亮度;

位图模式的位深度,只有一位,不是黑就是白;


索引模式

此模式下,滤镜和一部分图像调整功能不可用;它是GIF文件格式的默认颜色模式;


双色调模式

通过一至四种自定油墨创建单色调、双色调(两种颜色)、三色调(三种颜色)和四色调(四种颜色)的灰度图像;(使用尽量少的颜色表现尽量多的颜色层次)

注:只有灰度模式下的图像才能转换为双色调模式;


多通道模式

该模式下,不支持图层,它适合特殊打印;


Lab模式

基于人对颜色的感觉,被认为是与设备无关的颜色模型;

(设备相关,设备生成颜色所需的特定色料的数量;)

它也有3个通道组成,一个亮度通道,两个颜色通道;调整时,可以单独编辑,不像RGB会相互影响;


位深度

用来指定图像中的每个像素可以使用的颜色信息数量

位深度越大,表示能表达的颜色数量越多,但会影响图像的大小;

位深度的取值,8/16/32;

总结

每个颜色模式都有各自适合使用的场景;

图像显示,特别是彩色图像,首选RGB模式(支持PS的所有功能);

印刷或打印图像,首选CMYK模式;

其他模式,具体场景具体使用,如单色图像,使用位图模式;印刷时节约成本,使用双色调模式;web应用,索引模式......

......

模式转换、如何转换;

RGB颜色模式下,灰色字眼表示不能转换,需要"中间模式";

灰色模式是转换成位图和双色调模式时使用的中间模式;意思是,把图像转换为位图或双色调模式,先要转换成灰度模式;

模式转换会让有些色彩丢失(不可还原)!!!

因为不同模式下,表示的颜色种类数量(色域)不同,

注意:色域等概念,在拾取颜色或色彩调整时,会具体涉及;

相关推荐

单打独斗的产品设计师工作流程总结

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。我从入行开始就在一个做自己产品的小公司工作,到现在已经三年了。刚开始工作的时候什么也不懂,老板说让出效果图,就开始直接...

毕业生必备软件!6套APP构建我的产品设计工作流

工欲善其事,必先利其器。思维和方法论固然超级重要,但是掌握并制定适合自己的工作流也可以成倍提升效率。好的软件加上熟练的使用可以帮助解决遇到的所有问题,不仅可以减轻大脑和身体的负担,更可以让产品设计师在...

如何在APP原型上写需求?(app原型设计规范)

你有没有过这样的经历——辛辛苦苦写了半天的文档,结果开发一眼没看,做需求的时候又把文档里的内容问了一遍?如果你也有这样的经历,那么在APP原型上写需求,或许能帮你解决这个问题。为什么要把需求直接写在...

产品经理工具箱|原型及交互设计工具

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。世界上最实在最方便的原型设计及交互工具:国外的谷歌,facebook等大型互联网公司的交互工具就是上面最原始,最有效最...

交互设计利器汇总:实用工具大揭秘!

近年来,页面交互设计有了很好的发展,越来越受到人们的重视。如果你想成为一名页面交互设计师,除了对平面设计和产品设计有一定的了解外,更重要的是要知道哪个软件适合页面交互设计。本文将带您了解5款流行的页面...

Taro - 京东凹凸实验室出品的小程序多端开发工具,内置 UI 组件库

可以支持转换到微信/京东/百度/支付宝/字节跳动/QQ小程序以及H5端,同时也支持使用Vue语法了。关于Taro凹凸实验室(O2Lab)来自京东零售集团,创建于2015年10月,是...

开发2小时,修bug2周,我用Trae做了个小程序

在当今快速发展的科技时代,AI技术的崛起为开发者带来了前所未有的机遇与挑战。一方面,AI极大地降低了技术门槛,让更多的创意得以快速实现;另一方面,它也提升了竞争维度,促使人们在认知、方法和时间效率上不...

好用的10款免费原型设计工具(免费的原型设计软件)

对产品经理或UI/UX设计师来说,一款好的原型设计工具至关重要。好的原型设计软件能够帮助你快速构建还原度高且信息架构清晰明了的原型图,还能极大减低工作中与同事的沟通成本,更高效地推进工作。那么,一款好...

用局域网内部分享Axure原型,这里有详细的步骤

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。用axure做好原型,想分享给别人,有几个方法:生成本地文件,发送本地文件,但是文件有更新,就要重新发送用axure自...

Axure制作App原型应该怎样设置尺寸?原型尺寸对照表!

最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个APP原型放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科。这里老枪搜集...

200套数据可视化大屏模版Axure高保真原型

超炫可视化大屏模版来了,Axure高保真原型。关注微信公众号“素材帮帮站”,发送消息100051,获取素材下载地址。查看往期文章,获取更多免费素材。

Axure RP 8 Beta版正式上线(axure rp8是什么软件)

AxureSoftwareSolution公司于美国当地时间8月12日宣布其旗下产品AxureRP的v8版本的测试版正式上线。以下是其官方博客关于对AxureRP8Beta版的介绍:今天,...

PM小技术:使用SAE发布在线Axure文档

俗话说,不会写代码的产品经理不是好的射鸡湿。关于产品经理与技术之间的微妙关系,扯开了讲可是长篇大论,比如知乎上这个问题:IT行业产品经理(尤其是创业的)需要懂技术吗?懂到什么程度?,以及这个:产品经...

『原型资源』Axure自带图标库不够用,第三方经典图标库来袭

今天小编为大家带来第三方经典图标库,己确认内容可用现推荐给大家。直接上手就可不用自己画哈~获取原型文档请与班主任联系!先睹为快,合适再拿走不谢:图标太多,截取部分给大家参考o(* ̄︶ ̄*)o免费领取资...

Axure RP 8 测试版:将于今年夏天到来

我们一直在努力的开发AxureRP8。我认为这是对现有客户以及刚接触Axure的人的一个重要版本。我们希望看到你使用这些新特性,所以我们对现有客户免费升级。所有有AxureRP授权的客户包括标准...