璃月昼幽凉旅次木香

合辙驿·檐下

Hezhe Post beneath the Eaves

色卡

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

重构渐变

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

0%232e2e30%3d4c5a62%61b0d384%987a5d100%eaddbc

为什么和谐

室内场景的颜色是从外面借来的:这幅画 75.1% 的像素低于灰阈值、彩度中位数只有 0.011——木头本身几乎没有颜色,全部色彩来自两处开口,一道 8.9% 的日照黄和一片 13.5% 的天光蓝。

四分之三的画面没有颜色

无彩像素 75.1%,彩度中位数 0.011;左侧那面墙实测 L 0.28、彩度 0.011,前景地板 L 0.29、彩度 0.014——两块合起来占了半幅画,而它们的颜色是零。所谓「暖色木构的驿站」是一种印象,不是测量结果:构成印象的是那 8.9% 的黄带(均值 63°、彩度 0.050)。想让一个空间读作温暖,不必把整个空间调暖,给它一道够亮的暖光就够。

两处开口,两个色相,相隔 164°

右侧被日照亮的木栏 L 0.60、彩度 0.056、色相 65°;从檐下缝隙看出去的粉壁与天 L 0.60–0.72、彩度 0.047–0.093、色相 229°。两者明度相同而色相相隔 164°,近乎正对——这不是设计出来的互补,是物理:直射的太阳偏黄,天穹的漫射光偏蓝。室内配色的骨架因此永远是这两个开口的比例问题。

最艳的地方在画面最深处

最饱和的 4000 个像素里,最大的一簇平均 L 0.72、彩度 0.093、色相 229°,位置在 (0.56, 0.58)——那是穿过两层檐口才看见的、被天光洗白的远壁;第二簇 L 0.66、彩度 0.086、色相 68°,在 (0.92, 0.69) 的木栏上。彩度最高的两处一个最远、一个最近,中间那一大片没有颜色的木构于是成了取景框。用无彩的前景把有彩的远景框起来,深度不需要透视线也能成立。

带走这组颜色

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

/* 合辙驿·檐下 · Hezhe Post beneath the Eaves — Teyvat Palette */
:root {
  --hall-grey: oklch(0.29 0.014 199); /* 堂内灰 #232e2e */
  --eave-shade: oklch(0.41 0.03 246); /* 檐影青 #3d4c5a */
  --outside-blue: oklch(0.6 0.047 229); /* 洞外蓝 #638697 */
  --far-wall: oklch(0.72 0.093 229); /* 远壁蓝 #61b0d3 */
  --sunlit-timber: oklch(0.6 0.056 65); /* 日照木 #987a5d */
  --timber-highlight: oklch(0.9 0.046 90); /* 木缘白 #eaddbc */
  --gradient-hezhe-post: linear-gradient(285deg, oklch(0.29 0.014 199) 0%, oklch(0.41 0.03 246) 30%, oklch(0.72 0.093 229) 62%, oklch(0.6 0.056 65) 84%, oklch(0.9 0.046 90) 100%);
}

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

色卡