恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
色彩模式都不清楚,你怎么配色 1
0.0°
2022-01-26 原创文章 经验/观点 举报 571 1 0 0

色彩模式

是数字世界中表示颜色的一种算法及呈现形式,是色彩应用的必修课

以下主要通过解义RGB、HSB、HSL、CMYK、Lab、灰度模式、索引模式,并结合应用场景进行剖析,刷新你对色彩模式的认知,为科学应用色彩牢固根基。

01 RGB

1-1 RGB来由

RGB模式即光学三原色模式,R代表Red红色,G代表Green绿色,B代表Blue蓝色。自然界中肉眼所能看到的任何色彩都可以由这三种色彩混合叠加而成;增加每种色光的强度会产生不同的亮颜色,最终会得到白色,因此也称为加色模式。

通俗的表达:RGB的混合方式就好像有红、绿、蓝三盏灯,当它们的光相互叠合的时候,而亮度等于三者亮度之总和,越混合亮度越高。

RGBRGB有0-255 [256]个色阶:RGB同时在0“灯”时光最弱,等同于关掉最亮的灯RGB [0;0;0],而同时在255时“灯”最亮RGB [255;255;255],也就是RGB 从0叠加255的时候,最终得到白色。

当RGB 三值相等时,没有色相和纯度的变化,只有明度的变化,称为灰度。灰度值越小灰度越暗,灰度值越大灰度越亮。

1-2 RGB示例

生活中,电脑显示器的发光原理其实就是RGB的叠加原理。为什么有的屏幕色调偏冷,有的屏幕色调偏暖呢?其实就是控制了RGB的显示比例,想要屏幕色调偏冷可以多增加冷色调。但影响屏幕色彩倾向、发光强弱的最底层原理是发光板RGB的排列,也就是近期沸沸扬扬的“周冬雨”排列。对发光板底层原理感兴趣的可自行查阅相关资料。

屏幕壁纸

为了更深入理解RGB模式,再举个生活的例子:光管和灯泡光亮度过一段时间就变暗了,其实说的就是发光体的寿命。RGB中蓝色波长最短,如果长期使用使得RBG叠加比例失衡:受到发光体材质的影响(如玻璃的透光、折射、反射比木板强),从而吸收和稀释波长短的蓝色光(波长短穿透力就弱)。

RGB一旦失衡,RGB叠加得到的白光就会浑浊,继而叠加得到CMY,CMY叠加受到材料及物理条件等杂质混合,最终得到黑色。所以一般看到废弃灯泡和光管边缘常伴有黑灰色,这就是RBG在发光体应用的宿命。

综上,发光体的寿命受RGB使用比例、发光体材质以及物理条件的影响。

1-3 RGB应用

中正午的太阳光、白云、彩虹(RGB色散)等都是RGB的自然现象。

色散

生活中RGB的应用广泛、无处不在:荧屏:有手机显示屏、计算机显示屏、幻灯片、多媒体等随处可见;互联网设计中: RGB是标配模式,网页设计、APP设计、视觉设计、图像设计等等;图形后期: 图片风格塑造、设计风格调试、图片场景处理等;医疗: 成像、X光、CT、B超等等,如人体解刨、骨骼架构;影像: 电影、摄像、投影、自媒体等,如写真;工业: 汽车喷漆、器械配色等。

02 CMYK

2-1 CMYK来由

CMY是三原色RGB混色而得到的间色:Cyan青色,Magenta品红/洋红色,Yellow黄色。越来越多的颜色加入使得颜色浑浊,纯度不断下降,当RGB从255不断下降到0的时候最终会得到黑色,所以CMY的模式是减色模式,相对应的RGB模式是加色模式。

CMYK

由于混色模式下得到的是无限接近的纯黑色,永远达不到纯黑,也就是CMY在印刷场景下调和的黑油墨永远得不到纯黑色。为了达到纯黑,使其穿透性更强更容被人视网膜所感知,便在CMY的模式下增加了blacK黑色。为了与Blue蓝色区分,故缩写截取末尾字母K作为基准,这就是CMYK的由来及属性。

2-2 RGB VS CMYK

综上,CMYK也称作印刷色彩模式。与RGB模式相比,RGB模式是一种屏幕显示发光的色彩模式,在暗黑的环境下依然可以看到荧屏上的内容(排除故障情况下);而CMYK是一种用于印刷品依靠反光的色彩模式,是由阳光或灯光照射到物体上,再反射到视网膜,才看到内容,需要有外界光源;如果你在黑暗房间内看报纸是无法看得到的。

在PS中CMYK是百分比控制的,而RGB则是由0-225 [256] 个色阶组成的,他们各自排列组合:CMYK 1003=1,000,000;

RGB 2563=16,777,216;

由此可见RGB的颜色比CMYK的颜色值更丰富,所以当把RGB模式下的设计刊物转换到CMYK模式下的时候,也就是16777216下降到1000000,那么色彩阀值就下降了,这时视网膜感知告诉我们同一色相下的色彩纯度和明度都明显下降了。通俗的讲就是颜色变深了, 颜色不鲜艳了,也就是我们经常说的“失真”的由来。

所以要想打印出不易失真或者色差较小的刊物,取决于3个重要因素:

1.油墨纯度: 油墨纯度高印刷机器印刷出来的产物色差自然就小。

2.打印的模式: 也就是RGB、CMYK及下面论述的Lab。怎么才能打印出RGB模式的刊物呢?其实也就是我们常说的激光打印,为什么激光打印就不易失真了呢?(大家可以想想,我们评论区探讨。)

3.打印材质: 例如玻璃的反光度较木板反光度要明净发亮。

2-3 CMYK

应用印刷:出版印刷、包装装潢印刷、新闻印刷、证券印刷、文化用品印刷及零件印刷等,如报纸、杂志、图书、宣传册;

图形后期:图片风格塑造、设计风格应用、图片场景应用基调处理等。

03 RGB&CMYK小结

3-1 RGB模式

又叫三原色模式,是所有模式之源,RGB相互叠加最终得到白色,根据其叠加发光属性常应用在荧屏和成像中。

3-2 CMYK模式

又名印刷模式,由RGB叠加而得到的间色。因CMY三颜色不断混合会使颜色浑浊,最终得到接近黑色。为了印刷油墨达到纯黑便加入了Black: 缩写取尾字母K,即CMYK。

下篇接着对RGB的衍生模式HSB、HSL等进行剖析。

图片来源网络,如有侵权联系删除!



Powered by Froala Editor

更新:2022-01-26

收藏

1人已收藏

楚焱UX

设计只为找到生活的共鸣

  • 10

    作品

  • 12

    粉丝

  • 6

    关注

  • 科学的系统配色学这招-终身受用
  • 如何选择品牌基准色
  • 色彩思维之色彩联想
  • 色彩模式都不清楚,你怎么配色 2

    猜你喜欢

      2022-01-26 原创文章 经验/观点 举报 571 1 0 0

      色彩模式都不清楚,你怎么配色 1

      0.0°

      你确定要举报色彩模式都不清楚,你怎么配色 1

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年01月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录