须弥昼温热深影旷远

阿如村村长家·斜晖

Village Chief's House in Slanting Light

色卡

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

重构渐变

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

0%fbfcfa10%bde1f535%7f4f4460%473248100%efa971

为什么和谐

灰不是被饱和度旋钮拿走的,是被第二个色相认领走的:同一个阿如村的两张,最亮那一撮像素是同一个读数(L 1.00、彩度 0.003),明度上端 1.00 对 0.98 几乎不动,无彩却是 27.81% 对 3.36%——差 8.3 倍。这里的日头是暖的、天是 233° 的冷蓝,于是原本无处可去的背光面全部改报紫、粉、红,占掉 43.55%,灰就只剩左上角那一朵云。

上端一样高,灰差 8.3 倍

已发表的〈阿如的倒影·白光〉与这张是同一个村子。两张最亮的 4000 个像素里,最大的那一撮都是 L 1.00、彩度 0.003——同样一块交出全部彩度的天,明度上端 1.00 对 0.98。可无彩是 27.81% 对 3.36%。那张的天被曝成白的,全画只有一束没有颜色的光,彩度中位数 0.038;这张有两束色相相反的光,中位数 0.057。一幅画有多少灰,和它有多亮无关,和照它的光有几个色相有关——顶端一样高的两张画,灰可以差 8.3 倍。

灰改姓了紫粉红

拿同一扇 165° 宽的窗口(210°–15°)量两张:〈阿如的倒影〉58,634 个像素,这张 396,979 个,6.8 倍。多出来的这 43.55% 不是天——天(210°–270°)只占 1.54%,而紫 16.35% 的均值明度是 0.45、粉 14.10% 是 0.40、红 13.10% 是 0.43,三条色相带全部低于全图中位数 0.48。它们是影子。所以灰没有被「提饱和」变没,是那束冷光把原来报不出色相的背光面一块块认领走了。想给一个场景加颜色,别去动饱和度,给它第二束色相不同的光。

影子报的不是天的色相

天顶实测 233°,而左侧整面背光的崖是 323°–332°,差着 90°。同一种砂岩从受日走到背光:前景沙丘 L 0.79 / 彩度 0.110 / 59°,右崖受日面 0.52 / 0.076 / 31°,巨岩罩下 0.41 / 0.060 / 27°,左崖 0.33 / 0.047 / 323°。同一片天照着的白灰塔身却是另一串数:受光面 L 0.79 / 0.066 / 44°,背光面 0.61 / 0.052 / 15°。〈万端珊瑚侦探社·荫昼〉量出「影蓝的色相和天一度不动」,那成立的前提是背光面自己没有色相;材质自带色相时,影子落在材质和天之间,落在哪一格由材质说了算。画沙漠的影别往蓝里调,沿着砂岩自己的色相往后退。

带走这组颜色

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

/* 阿如村村长家·斜晖 · Village Chief's House in Slanting Light — Teyvat Palette */
:root {
  --last-white-cloud: oklch(0.99 0.003 130); /* 余白云 #fbfcfa */
  --zenith-blue: oklch(0.89 0.047 233); /* 高天蓝 #bde1f5 */
  --sunlit-sand: oklch(0.79 0.11 59); /* 日照沙金 #efa971 */
  --overhang-tan: oklch(0.48 0.068 34); /* 覆顶崖褐 #7f4f44 */
  --rock-shadow-violet: oklch(0.45 0.059 295); /* 岩影紫 #574f73 */
  --cliff-shadow-rose: oklch(0.35 0.047 326); /* 崖影粉 #473248 */
  --sunlit-awning: oklch(0.88 0.114 86); /* 透光帐黄 #f9d27c */
  --gradient-village-chiefs-house: linear-gradient(180deg, oklch(0.99 0.003 130) 0%, oklch(0.89 0.047 233) 10%, oklch(0.48 0.068 34) 35%, oklch(0.35 0.047 326) 60%, oklch(0.79 0.11 59) 100%);
}

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

色卡