设计色彩管理(中)

上文中,我们有度量单位类比了色彩空间。“50”没有绝对的物理特征,“50厘米”有。将一个值和一个度量单位相结合才能赋予它更多的意义,并消除歧义。颜色空间比长度单位要复杂一些,但是这个类比可以用来理解颜色管理的许多方面。

然而,与其将颜色空间与度量单位进行比较,不如将它们想象成一把尺子。一种有长度的尺子,上面有许多刻痕。

色域

色彩空间的色域定义了色彩空间可以表示的色彩范围。它定义了颜色的强度和纯色的极限。

在我们的类比中,色域就像尺子的长度。假设我们有两个尺子,它们代表了两个不同的颜色空间——一个单位是1英尺长,另一个单位是1米长。

如上图所示,两个标尺的长度不一样。并且这两个尺子从0到1有相同数量的刻度线,但刻度线的物理间距是非常不同的;同样是数字“1”在两个尺子上的在空间上是完全不同的。

更宽的色域就类似那个更长的尺子。

你可以将1英尺的标尺类比为sRGB(标准色域空间),将1米的标尺类比为Display P3(宽色域空间)。1英尺尺子上最大的数值只是1米尺子的中间部分。当把sRGB中最极端的颜色转换为Display P3时也是这样——sRGB中的#ff0000在Display P3中仅为#ea3323。sRGB中的最大数值的红色只是Display P3中的纯红色“标尺”的中间部分。

给定相同数量的刻度线,越长的尺子物理精确度就越低。颜色空间也是如此——更宽的色域在更大的空间上拉伸颜色值,所以它们更容易产生梯度带。故提高色彩的精度对宽色域空间和色域转换很有帮助。

色彩精度

基于计算机存储数字的方法,当计算机存储颜色值时具有固有的精度。用尺子作为类比,如果假设一个值必须落在一个刻度线上,精度就可以类比为刻度线。更多的刻度线意味着更精确。

如果你熟悉十六进制CSS颜色,就会知道#ff0000是最鲜艳的纯红色,#fe0000是第二鲜艳的纯红色。在#ff0000和#fe0000之间没有任何色彩。红色在十六进制中从00到ff,如果表示为十进制数,就是从0到255,只有256个可能的色阶。你不可能得到一个值为254.5的色彩,这个值必须向上或向下取整。

这看起来似乎有很多色彩,但当涉及到绘制平滑渐变、颜色空间转换和其他步骤时,很容易造成肉眼容易看到的误差。当需要经过多个步骤的变换时更是如此,累计的误差导致更大的超过半个精度刻度的误差。

四舍五入的误差通常以条带、色调分离或明显的噪点的方式展现。广色域显示加剧了对更高精度的需求——如果我们的标尺变长,创建平滑渐变所需的刻度数量就会增加。

考虑到这一点,将来我们可能不会使用十六进制值表示颜色——它们本来就是低精度的,每个通道只允许8位(每个颜色通道允许256个数值)。更高精度的浮点值更有意义;额外的好处是,浮点数可以扩展到颜色空间的范围之外。sRGB中最亮的红色可以写成“1.0 0 0”,如果颜色空间允许的话,sRGB范围之外的红色可以写成“1.2 0 0”。

色彩精度不被定义为色彩空间的一部分,它是渲染引擎或设计工具的实现细节。这意味着不同的工具对色彩精度的关注程度不同,色彩精度取决于你使用的工具以及你的使用方法。

伽马值

色彩空间的伽马值(不是色域)可以理解为尺子刻度线的间距。相同间距的刻度线称为线性伽马。

和大多数尺子不同,色彩的伽马值不是总是等距的,大多数时候都是间隔不均匀的。sRGB使用非线性伽马曲线,如下图所示。其他常见的色彩空间也使用非线性的伽马曲线。Display P3的伽马曲线与sRGB的伽马曲线完全相同。

注意在尺子的左边有更多的刻度线。这提高了深色的精确度,因为人类对深色的感知更敏感。

伽玛通常被描述为指数曲线,根据上图可以看出,较高的值意味着较深的颜色精度更高,而较浅的颜色精度更低。sRGB的伽马曲线比这复杂一点——有很短的一部分线性线段,然后是指数曲线。sRGB的伽马值是2.2,但指数部分实际上是2.4(平均是2.2)。

虽然了解色彩管理不需要理解sRGB的伽马曲线,但如果你用苹果的ColorSync工具来深入研究颜色配置文件,这是一个有趣的话题,你需要考虑这个问题。重要的是尺子上的刻度线的间距,非线性的间距是很常见的。

色彩空间转换

我们已经了解了足够多的基础知识来进一步学习色彩转换。给出某一色彩空间内的色值,并给出要转换的目标色彩空间,怎样得到转换后的色值?或者说,如下图所示,给出一个尺子上的数值,怎样确定这个数值在另一个尺子上的位置?

源尺子上的数值会映射到目标尺子上最近的刻度上,如下图,如果源尺子上的数值超出目标尺子上的最大值,则映射到目标尺子上最近的刻度也就是最大值上。

这就是颜色空间转换的基本原理。在第3部分中,我们将为一些流行的设计工具提供屏幕设计所需的颜色管理设置。

-- 翻译自 bjango --

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容