璃月幽碧苔润深邃

王山厅·苔光

Wangshan Hall, Mossglow

色卡

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

重构渐变

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

0%9fa77820%0e130c52%181f1882%6f8d64100%a6cf93

为什么和谐

「在发光」不是彩度够高,是越过了画里那个看得见的光源:穹顶天隙实测 L 0.71、彩度 0.066,被它照下来的那圈苔潭 L 0.81、彩度 0.093——最亮的 4000 个像素有 2910 个落在苔潭上,天窗口只分到 232 个。光源被自己照亮的地面比下去,那块地就不再读作「被照亮」,读作「在发光」。

天窗输给了它照的地

画面唯一的外部光源是穹顶正中那道天隙,一道光柱从那里斜插下来;可整幅画的两个通道都朝反方向长——上三分之一 L 0.29、彩度 0.034,下缘那条 22% 高的带子 L 0.43、彩度 0.058,明度涨了近一半、彩度涨了七成。天窗那块 L 0.71、彩度 0.066,玉笋脚下那圈苔潭 L 0.81、彩度 0.093,两个通道一起赢;最亮的 4000 个像素里 2910 个落在苔潭 (0.53, 0.69),天窗口只有 232 个。左边崖下小屋那两扇亮着的窗是屋里第二强的光,最艳的 3% 到 L 0.82、彩度 0.134,仍在苔潭同口径的 0.178 之下。

比值这把尺在这里失灵

〈烟硌山峰·洞光〉留过一把尺:发光是天花板与地板的比值——那个洞里的浮叶彩度 0.178 对全图中位数 0.034 是 5.2 倍,才算在发光;洞外那幅〈暮霭〉的光源 0.209 对中位数 0.084 只有 2.5 倍,就还不算。这里苔潭的 0.093 对全图中位数 0.042 是 2.2 倍,比那个「还不算」的 2.5 倍更低,却没有人会说它不在发光。差别在于那两幅里没有一个光源露脸,只好拿中位数当地板;这幅画把光源画进了框内,地板就该换成它。

玉笋是被照亮,苔潭是在发光

中央那丛玉笋——一柱苍白的晶体立在环形石台上——是构图的主角,实测 L 0.61、彩度 0.070:明度输给天窗的 0.71,彩度也只和天窗的 0.066 打平,一个输一个平,于是它读作一块被光打到的石头。围着它的苔潭 L 0.81、彩度 0.093,两个通道同时越过天窗,身份就换了。深色界面里想让一个元素发光,先把光源也放进同一屏,再让它在明度和彩度上双双越过那个光源——只越过一个,它仍然只是被照亮的。

带走这组颜色

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

/* 王山厅·苔光 · Wangshan Hall, Mossglow — Teyvat Palette */
:root {
  --moss-glow: oklch(0.81 0.093 136); /* 苔光绿 #a6cf93 */
  --shaft-light: oklch(0.71 0.066 116); /* 隙光 #9fa778 */
  --jade-spire: oklch(0.61 0.07 138); /* 玉笋青 #6f8d64 */
  --lamp-window: oklch(0.82 0.134 91); /* 窗火黄 #e4c052 */
  --pillar-slate: oklch(0.23 0.017 145); /* 柱岩灰 #181f18 */
  --cavern-deep: oklch(0.18 0.016 138); /* 窟壁墨 #0e130c */
  --gradient-wangshan-hall: linear-gradient(180deg, oklch(0.71 0.066 116) 0%, oklch(0.18 0.016 138) 20%, oklch(0.23 0.017 145) 52%, oklch(0.61 0.07 138) 82%, oklch(0.81 0.093 136) 100%);
}

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

色卡