像素画色彩相对性教程

打开网易新闻 查看精彩图片

文本概览:全文约 1,163 字,阅读约 3 分钟。

跟完这篇,你能按光线与周围色选绝对色,而不是背一套“天空蓝草地绿”的固定配方。

颜色没有绝对好坏

像素画不会发明新的色彩法则,只是少了像素之间的平滑混色。没有光,你看不见任何颜色;光线条件一变,同一块布上的色也会跟着变。

先分清三个词:

  • 固有色

    :你心里认定“这块布本来是灰的”

  • 绝对色

    :屏幕上色吸管吸到的真实 RGB

  • 相对色

    :在整幅画面里,眼睛觉得它偏冷还是偏暖

常见教程先教你选互补色、配色方案。本篇差异在这里:先了解“颜色是相对的”,再谈色环。

同一块灰,灯光一变就变色

看这张女妖精灵:上下两版本地色都想画成同一种灰,但强边缘光会把绝对色拉成偏红或品红。下面那块中性灰,旁边一旦有微橙高光,相对色还会读成略偏蓝。

打开网易新闻 查看精彩图片

关键在这一笔:别拿“灰色该是中性灰”硬填。先想光是什么色,再决定吸管该吸到哪一格。

色环能帮你,但别迷信传统 RYB

传统红黄蓝色环和真实光谱对不齐,橙红段被拉得很长。数字显示更贴近的是 YRMBCG(yurmby)色环:红绿蓝大致等分。

打开网易新闻 查看精彩图片

用法很简单:先定几个“相对原色”当色域顶点,连成一块区域。落在这块里的色更容易彼此合拍。

打开网易新闻 查看精彩图片

注意:色环不带明度维度。高饱和可以偏暗;大片绿蓝往往要压饱和或压暗,才跟饱和橙红粉处得来。

互补不是两坨最艳的绝对色硬撞

绝对互补(最艳红贴最艳绿)很少能做出可信气氛。相对互补更稳:两色落在同一色域里,看着对比够,却仍像同一盏灯照出来的。

打开网易新闻 查看精彩图片

到这停一下:你现在屏幕上最艳的两块,是在“拼色环”,还是在“同一盏灯”里?

白也是主观的

场景白点一变,整块调色板的相对关系跟着变。同一套绝对色,换“主观白”,冷暖读感会完全不同。

打开网易新闻 查看精彩图片

别把“色相偏移”背成公式

光比物体更暖时,阴影常显得相对更冷;光更冷时,阴影常显得相对更暖。但这只是相对关系,不是“阴影永远更灰、更冷”。

中间调饱和往往最高:从亮到暗,饱和常呈曲线——先升再降,明度近似直线,色相几乎不动。

打开网易新闻 查看精彩图片

每种色相的峰值饱和落在不同明度:黄偏亮、红偏中、蓝偏暗。

打开网易新闻 查看精彩图片

感知明度(亮度)比 HSV 里的 Value 更关键。下面四块 HSV 坐标不同,感知明度却几乎一样——可用来微调而不拆坏体积。

打开网易新闻 查看精彩图片

像素空间里,要压缩明暗阶

像素难做细腻渐变。真实光照里,亮部到暗部可能有多档;低分辨率里若硬塞太多阶,容易条带和枕头阴影。

打开网易新闻 查看精彩图片

先看这张球:左边阶太多;右边把多个因子压进少数几档,体积反而更干净。

打开网易新闻 查看精彩图片

单精灵也要心里有盏灯:光色决定绝对色怎么偏,本地色才能在画面里站得住。

色带不必先做好再动手

先备好一整条“完美色带”再开画,像是还没定菜谱就先去买菜。更稳的做法:从同系列旧作或参考里吸色,边画边加、边调。

有限色域反而逼你试出平时不敢用的组合。规则可以弯一点,但每一步都要能说清:这颗像素为什么是这个绝对色。

参考资料

Color Theory for Pixel Artists: It's All Relative: https://pixelparmesan.com/blog/color-theory-for-pixel-artists-its-all-relative/