须弥昼幽秘温润庇护

镇灵监牢·穹照

Liloupar's Cell under the Skylight

色卡

点击色块复制 HEX;悬停查看 OKLCH 值。

重构渐变

从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。

0%f1efe020%60a47342%44563f60%1d453e82%272819100%151713

为什么和谐

一束没有颜色的光,画面的颜色是被照的东西自己加上去的:镇灵监牢的天窗核心 3,311 个像素实测 L 0.99 / 彩度 0.007,而它在同一张画里长出三个色相——受光的树冠 152° / 彩度 0.101,齐膝的地雾 181° / 0.047,下缘那片草原 109° / 0.025;它照不到的洞壁 64,512 个像素停在 L 0.20 / 彩度 0.007,和光本身同一个读数。所以给暗场配色时,色相清单不该从光源列起,该从「有几件东西会拦住它」列起:给光上色只会把每一块面染成同一族,给它安排几件不同的东西去拦,才拿得到几族。

进来时 0.007,照不到的地方也是 0.007

天窗核心 3,311 个像素 L 0.99 / 彩度 0.007,最亮的 4000 个里有 3,803 个是 L 1.00 / 彩度 0.004;而左洞壁 64,512 个像素 L 0.20 / 彩度 0.007,右洞壁 58,212 个 L 0.20 / 0.012。一束零彩度的光,和它一辈子照不到的黑,在彩度这根轴上是同一个数——中间所有的颜色都是材质向光收的,一分都不是光带来的。要判断一幅画的颜色归谁,量光源本身没有用;量它进来时的彩度和它照不到的地方的彩度,两个数一样,就说明这幅画的色相表由材质写。

三件东西拦下同一束光,给出三个色相

受光的树冠 L 0.66 / 彩度 0.101 / 152°,Cmax 0.157;齐膝的地雾 L 0.36 / 0.047 / 181°;下缘那片草原 L 0.27 / 0.025 / 109°——色相摊开 72°,彩度差 4 倍,而光只有一束。对照〈衡准大厅·焰照〉:那幅画的光自己有颜色,于是 66.79% 的面积被染进 210°–315° 一族,连整片地板都只是火那点暖色的一个淡版本(彩度 0.032)。光有颜色,画面就大体只有一族;光没颜色,画面有几族由材质决定。想要一个色相丰富的暗场,别去调灯的颜色,去排它一路上会撞到什么。

53.76% 的黑,一分天花板的税都没交

无彩占 53.76%,彩度中位数被压到 0.023(本批最低),天花板仍是 0.161——对无彩 8.37% 的〈雨的尽头·翠荫〉0.156、9.37% 的〈衡准大厅·焰照〉0.164,三张极差只有 0.008,而灰跨了 6.4 倍。〈W 组·天花板是常数〉在纳塔用 35 倍的无彩跨度量到 0.011,这里把无彩的上限从那批的 41.61% 推到 53.76%,结论不变(两批的天花板不在同一档——那批 0.199–0.210,这批 0.156–0.164;常数是批内的,不是全库的)。关键在这块灰是什么:洞壁 L 0.20 / 彩度 0.007 对树冠 L 0.62 / 0.087,明度和彩度一起掉,按 R 组的判据是照不到的材质而不是空气,这种灰不收税。要铺大面积的黑,先确认它暗是因为没被照到,不是因为隔着一层雾。

带走这组颜色

CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。

/* 镇灵监牢·穹照 · Liloupar's Cell under the Skylight — Teyvat Palette */
:root {
  --skylight: oklch(0.95 0.02 103); /* 穹隙白 #f1efe0 */
  --lit-canopy: oklch(0.66 0.101 152); /* 受光冠 #60a473 */
  --trunk-shade: oklch(0.43 0.043 138); /* 干影绿 #44563f */
  --knee-mist: oklch(0.36 0.047 181); /* 齐膝雾 #1d453e */
  --plain-olive: oklch(0.27 0.025 109); /* 原野橄榄 #272819 */
  --cavern-black: oklch(0.2 0.007 121); /* 洞壁黑 #151713 */
  --gradient-liloupars-cell: linear-gradient(180deg, oklch(0.95 0.02 103) 0%, oklch(0.66 0.101 152) 20%, oklch(0.43 0.043 138) 42%, oklch(0.36 0.047 181) 60%, oklch(0.27 0.025 109) 82%, oklch(0.2 0.007 121) 100%);
}

1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。

色卡