璃月夜幽碧静夜龛暖

Pervases' Temple·宵灯

Pervases' Temple, Lamplit Night

色卡

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

重构渐变

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

0%10859f22%2c65a240%dcc4bd52%f2bc7a72%396f30100%247052

为什么和谐

夜是一次明度操作,不是一次饱和度操作:同批那张大白天的〈春茗茶坊·翠昼〉和这张夜景,90°–165° 的绿色相同为 145°,彩度 0.085 对 0.091——夜里反而高一点点,差的全在明度,0.63 对 0.45。夜真正拿走的是无彩:17.14% 掉到 1.89%,因为夜里没有一束白光能把任何一块面洗成灰。想画夜,压明度、把无彩清掉,别动饱和度——饱和度也一起压下去,得到的是阴天。

绿一分彩度都没交

两张画的 90°–165° 都落在 145°,彩度 0.085(昼)对 0.091(夜),明度 0.63 对 0.45。全图也一样:这张夜景的彩度中位数 0.087,比那张白昼的 0.056 还高 55%,而明度中位数是 0.49 对 0.58。夜没有均匀地压低所有颜色,它在重新分配——主光那一族反而涨:210°–270° 从 221° / 彩度 0.051 变成 246° / 0.098,几乎翻倍。阶前那片草 (0.30, 0.85) L 0.49 / 0.089 / 163°,左右两株探进画框的树 L 0.49 / 0.111 / 141° 与 L 0.52 / 0.102 / 134°——夜里的植被全都还在 0.09 以上。

连最白的一块也交不出无彩

全图无彩只有 1.89%。这幅画最白的东西是庙两侧那两扇亮着的纸窗:最亮的 4000 个像素里,1,309 个落在左窗(L 0.84 / 彩度 0.029 / 37°)、605 个在右窗(L 0.84 / 0.067 / 53°)、1,417 个在中间那道敞开的门里(L 0.83 / 0.104 / 71°),三个开口分掉 3,331 个。0.029 已经是这幅画拿得出的、最接近「没有颜色」的东西,而它仍在 0.025 的无彩线之上。同一批三张白昼里,一堵白粉墙实测 0.014、0.017、0.024——白墙在白天真的可以没有颜色,在夜里不行,因为夜里两束光都有颜色,没有哪一块面能不属于其中一束。

被夜没收的是色相,不是彩度

庙顶那面瓦看着是碧色的,实测 (0.30, 0.27) L 0.50 / 彩度 0.114 / 252°——和它背后那面崖 (0.62, 0.10) 的 219°、和全图蓝带的 246° 是一家人,离阶前草的 145° 有 107°。〈晨曦酒庄·夜窗〉讲过这件事:入夜没收的是离主光最远的那一族色相,红瓦从白昼的 49° 改姓到 267°–273°。这里的账目对得上,而且把它说得更干净——被没收的只有色相,彩度一分没动:改了姓的瓦顶彩度 0.114,还是全图中位数 0.087 的 1.3 倍。所以做夜间界面,先把每一块面归到某一束有色的光名下(这里是 246° 的夜和 71° 的灯),再靠明度分层;把饱和度整体拉低画出来的是阴天,不是夜。

带走这组颜色

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

/* Pervases' Temple·宵灯 · Pervases' Temple, Lamplit Night — Teyvat Palette */
:root {
  --shrine-glow: oklch(0.83 0.104 71); /* 龛火橙 #f2bc7a */
  --paper-window: oklch(0.84 0.029 37); /* 纸窗白 #dcc4bd */
  --night-cliff: oklch(0.57 0.1 219); /* 夜岩蓝 #10859f */
  --roof-nightblue: oklch(0.5 0.114 252); /* 瓦顶夜蓝 #2c65a2 */
  --night-grass: oklch(0.49 0.089 163); /* 阶前草 #247052 */
  --canopy-jade: oklch(0.49 0.111 141); /* 树冠翠 #396f30 */
  --gradient-pervases-temple: linear-gradient(180deg, oklch(0.57 0.1 219) 0%, oklch(0.5 0.114 252) 22%, oklch(0.84 0.029 37) 40%, oklch(0.83 0.104 71) 52%, oklch(0.49 0.111 141) 72%, oklch(0.49 0.089 163) 100%);
}

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

色卡