颜色模型简介&字幕配色理论

写这篇文章的初衷是希望更多烤肉man能重视字幕样式，追求烤肉的速度和质量之余，能稍微花点时间优化一下字体和配色；好的样式锦上添花，不好的样式眼都看瞎，合理的样式是优质熟肉的必要组件。

文章的内容大体分为三部分，第一部分是对Aegisub中的三种颜色模型做个简单的介绍，属于知识铺垫；第二部分将给出几个数值化的参考标准帮助你判断一个字幕样式是否存在问题；第三部分会结合实例对前面的内容进行解释和补充。

（文章默认字幕软件为Aegisub，如果你使用的是其他软件，可能需要自行查阅不同颜色模型的数值转换公式）

下面开始第一部分介绍颜色模型。

颜色模型介绍

（这一部分是关于颜色模型的基础科普，对于你设计字幕样式可能没什么直接帮助，但是有助于你理解后面的一些颜色相关的概念和理论；没兴趣或者没时间看的都可以直接跳到第二部分配色理论）

首先介绍一下色彩模型，色彩模型简单来说就是颜色的数值化，大家常用的Aegisub中使用的有RGB、HSL和HSV三种模型。我们先打开Aegisub中的颜色编辑窗口；

可以看到左侧的方型拾色区、色相条、透明度条以及右侧的RGB色彩、HSL色彩、HSV色彩三个板块；

右侧的三组参数分别来自三种不同的颜色模型，每种模型都是通过三个参数确定一个固定的颜色；三种模型其实是对同一种颜色光的三种解释方式，相互之间可以进行数值转换。

首先介绍一下RGB模型，相信大部分人或多或少听说过这个名字；三个字母分别是Red、Green和Blue的缩写，每个数值大小分别代表该种纯色光的强度，范围从0~255，三个数值对应强度的色光混合得到的就是目标颜色。

三种色光强度均为0就是无光照状态代表黑色，三种色光均拉满则是白光，三者数值相等就是灰色；此外纯红和纯蓝混合得到品红色，纯红和纯绿混合得到黄色，纯绿和纯蓝混合得到青色，这几个关键颜色大家最好记一下。

当我们以RGB三个通道为坐标轴建立一个三维正交坐标系，就可以得到一个颜色立方，八个顶点正对应黑蓝绿青红紫黄白八种常用色。

补充一点，写特效代码时用到的RGB颜色码就是将RGB的三个数值以十六进制表示得到的。（十六进制的换算法大家自己去查一下，我就不多说了）

例如“#1AA49A”代表RGB值分别是26/164/154的颜色，不过即使看到这组数字也很难想象出对应的是怎样的颜色；RGB模型主要是面向硬件的，非常不直观，下面介绍的两种模型会更照顾人类的大脑。

在右侧输入上面的颜色代码#1AA49A；

观察HSL和HSV两组数值，会发现两边的第一项数值色调都是一样的，而第二项虽然都是饱和度数值却不同，第三项一边是明度一边是浓度，数值也不相同；我们先从相同的色调讲起。

色调也称色相，Hue，HSV/HSL中的“H”就是它的缩写。色相即是色彩所呈现出来的质地面貌，决定了颜色是红还是蓝，是颜色最基本的属性。标准的色相值对应的是颜色在色相环上与红色的夹角，范围为0~360°；将色相环从纯红色处切断再拉直即得到上图中的色相条，范围为0~255；总共256个值均匀分布在色相环的360°圆周角上，乘个系数（360/256）就可以换算成角度。

色相环上三原色的夹角为120°，补色的夹角为180°；换算成色相值就能知道补色色相值的差的绝对值为128，常用色的色相分别为红0（即255）/黄42/绿85/青128/蓝170/品红213。

关于色相值和RGB值的关系，上面提到过RGB三色光等量混合是灰色（这里延伸一下，就是某种色光和同强度的补色光混合也是灰色），所以色相只和RGB中最强的两种色光减去最弱的色光数值之后的比值有关，也因此所有纯色的RGB值中必有一个为0。

再来看第二个值饱和度，Saturation，代表了颜色的鲜艳程度；饱和度越高则颜色越“纯”，越低则颜色显得越灰；这里有个非常有意思的点是：HSL模型和HSV模型对于饱和度的定义是不一样的，虽然都叫饱和度，但是数值上的定义完全不同。

先讲下HSV模型，HSV中的V是Value的缩写，被翻译成浓度。这个模型其实是非常好理解的的，浓度代表光的总体强度，饱和度代表光中纯色光的比例，画成图的话非常直观：

明度和饱和度两个轴是正交的，互不干涉；拾色器上越靠下侧浓度越高，越靠右侧饱和度越高，很容易理解。但是这个模型有一个不符合人类视觉直观感受的地方，那就是HSV把浓度定义成RGB三色中最最高的数值，也就是说所有纯色光和白光的浓度是相等的；但是我们都能很明显的感觉到白光肯定是要比蓝光等等色光更亮，这就代表浓度和我们直观感受上的亮度有不小的差别，我们要寻求其他的指标来表达亮度。

再来看看HSL模型，这个模型的区别在于它采用了另一个指标明度，Lightness（一般译作亮度，这里以aeg为准），来表现光的强度；为此HSL模型将黑色和白光分别纳入计算，导致明度值和饱和度值相互影响，两者的值不再正交甚至变化不再是线性的；用示意图大概表示的话是这样：

实际上在HSL模型的定义下，颜色接近纯白光和纯色强度极低的黑色时，饱和度都趋于255；这显然是非常弱智的——一般来说黑白灰的饱和度都按0考虑更符合常理。而明度在白光处为255，在纯色光处为其一半127，相对浓度的定义更接近我们平时说的亮度。这就是这两个模型的主要区别了，附上Aegisub手册中的配图：

总结一下就是两个模型都有点毛病，我的建议是饱和度的定义和数值都参考HSV模型，更加符合人的习惯；“亮度”这一指标可以参考HSL中的明度（Lightness），不过我会在下一部分中给出一个更加靠谱的参数用于参考。

那么下面进入正片。

配色理论

关于字幕的配色要不要写我犹豫过一段时间，毕竟现在很多组已经对字幕样式颇有研究，不需要我这么一个外行人班门弄斧；最后之所以还是决定写一下，是因为那么多烤肉man我想总会有人需要这种东西，哪怕只有微小的帮助也是好的；

此外，我估计大部分人在调整颜色时更多地是凭感觉，而不习惯或者不知道怎样去利用颜色模型给的数字辅助判断；视觉感受固然是很重要，但是不同的人眼睛对颜色的感知都是不同的，结合数值判断颜色搭配更加稳定；所以后面的内容中一部分是数值主导的，希望能对你们有所帮助。

首先简单概括一下目前为止我们需要知道的概念：

RGB三个数值对应颜色中红绿蓝三色光的强度，大小为0~255；

H（色相）决定颜色的种类，大小为0~255；0为红色，127为青色；

S（饱和度）决定颜色中纯色光的比例，大小为0~255；

V（浓度）决定颜色中光的总体强度，大小为0~255；

这里引入一个很重要的概念——灰度值；

上面我们提到颜色浓度（Value）和人眼感觉到的光线亮度都是有一定偏差的，但是用明度（Lightness）来定义明暗同样会出现问题，来看一组例子：

这是红绿蓝洋红黄青六种常用纯色作为描边时的表现，可以明显地看出红、蓝、洋红三色的表现更好一些，而绿、黄、青三种颜色更难看清，整体显得很刺眼而且有和白色融合的感觉。

在HSL模型中这六种纯色的明度值都为127，也就是说即是明度相同的颜色带给人眼的视觉感受依然有明暗之分；其根本原因是这三种模型都是把红绿蓝三种颜色视为等价的，而实际上，红绿蓝三种色光中，绿光的视觉亮度要远高于另外两种。

当我们把红绿蓝三种纯色转换为黑白后会发现，三种颜色得到的灰色亮度明显不同，绿色最亮，红色次之，蓝色最暗；所以当我们数值化一种色光的视觉亮度时，要对RGB三色光的数值进行加权处理，具体来说是：

Gray=R*0.3+G*0.59+B*0.11

这里得到的Gray的数值取整就是灰度值，也可以叫灰度等级，黑色为0，白色为255；它大致决定了一种颜色视觉上是“亮”还是“暗”；当然我们计算时可以直接按3：6：1近似处理没太大影响。

现在我们可以通过灰度值来辅助判断两种颜色之间的“明暗对比”有多强，对比的对象当然就是字幕的主体颜色和描边颜色了。

字幕的主体和描边要有“对比”这应该算个常识，如果两者的对比不够明显就可能会在视觉上被识别为一个整体，导致难以阅读；又或是在特定的背景下非常难看清。

但是对比也是有很多种的，色相可以有对比，饱和度可以有对比，明暗可以有对比，甚至形状都可以有对比；而过于强烈的对比也可能会影响到观看，我们该如何去权衡呢？

这里我先给出第一条关于色相的数值参考标准：

|H1-H2|*2/(255/S1+255/S2)