枫丹昼澄澈肃穆浮尘

水仙十字结社·柱光

The Narzissenkreuz Ordo in a Shaft of Light

色卡

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

重构渐变

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

0%96746a18%5be8ac30%a6de7c50%34313772%655045100%fef8ed

为什么和谐

光的彩度是它明度的余额:同一扇玫瑰窗,最艳的一端(青玉环彩度 0.150、峰值 0.195)和最亮的一端(落到地上的光柱明度 0.98、彩度 0.016)根本不在同一处。染色的活儿于是落给了没被主光照到的余光——柱外地砖只有明度 0.45、色相 51°,而它足以把高处那两条粉幡量成 38° 和 23°、把中央的粉色环台量成 79° 与 80°,全图 300°–360° 只剩 23 个像素。要一束又亮又有颜色的光,把颜色留在光源上,把亮度发给它照到的面。

最亮和最艳不是同一处

玫瑰窗整块实测明度 0.82、彩度 0.059,它的峰值 0.195 落在画面 (0.53, 0.32) 的青玉环上,是全图最艳的一点;而这扇窗投到地上的光柱明度 0.98、彩度只有 0.016——全图明度的 p99 就是 1.00,轨道已经跑到头。明度顶到白的地方没有彩度可花,这不是渲染的妥协,是这条轴本身的形状。想画一束「有颜色的强光」,别指望同一块面同时干两件事。

两条粉幡,一个红像素都没有

画面上缘垂着两条又长又宽的粉幡,中央的环形议事台镶着一圈粉色织物——实测粉幡顶端是 38° 与 23°,环台是 79° 与 80°,全部落在余光那 51° 的暖侧;全图 300°–360° 只剩 23 个像素。它们不是被强光洗白的:洗白的是被光柱正面照到的地砖(彩度 0.016),而粉幡挂在光柱之外,是被那束明度 0.45 的余光一路拖过来的。

方向由光的色相定,会不会被拖不由它定

同城的〈「公爵」办公室·绿沉〉是同一件事的另一个色相:那间屋子的光是绿的(绿带 43.06%、112°),把绯红漆拖到 96°;这里的余光是暖的(51°),把粉拖到 38°。两间屋子 300°–360° 分别只剩 44 个和 23 个像素,而它们唯一的共同点不是色温,是**只有一束光**。审一张室内配色,先数它有几束色温不同的光,再谈色板——色板是那个数字的结果。

带走这组颜色

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

/* 水仙十字结社·柱光 · The Narzissenkreuz Ordo in a Shaft of Light — Teyvat Palette */
:root {
  --rose-jade: oklch(0.84 0.15 162); /* 窗玉青 #5be8ac */
  --rose-green: oklch(0.84 0.14 133); /* 窗翠 #a6de7c */
  --shaft-white: oklch(0.98 0.016 80); /* 柱光白 #fef8ed */
  --ambient-amber: oklch(0.45 0.033 51); /* 余光褐 #655045 */
  --banner-amber: oklch(0.59 0.046 38); /* 幡橙 #96746a */
  --pillar-shadow: oklch(0.32 0.01 310); /* 柱影 #343137 */
  --gradient-the-narzissenkreuz-ordo: linear-gradient(200deg, oklch(0.59 0.046 38) 0%, oklch(0.84 0.15 162) 18%, oklch(0.84 0.14 133) 30%, oklch(0.32 0.01 310) 50%, oklch(0.45 0.033 51) 72%, oklch(0.98 0.016 80) 100%);
}

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

色卡