温存陈旧昏黄

Xigu Antiques Tended·暖照

Xigu Antiques Tended in Warm Lamplight

色卡

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

重构渐变

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

0%ec9d3f20%77382a38%ee810066%49343888%934228100%7c625e

为什么和谐

有色的灯收一笔固定的色相税,交不交得起由材质自己的彩度决定,不由它被照得多亮决定:一屋子的瓷器与立轴,柜台右端那口大瓷罐实测彩度 0.021,踩在无彩线下、连色相都报不出来;而全画守得住冷色相的只有掌柜那身青袍——L 0.29 是画里最暗的一块大面,彩度 0.061,色相 311°。想让一件东西在灯下还是它自己,别把它挪到暗处,把它的固有彩度做到灯的浓度之上。

一屋子的瓷器,没有一件是冷的

灯把 84.37% 的画面关进 345°–90°(红 7.95% / 橙 61.28% / 黄 15.14%),整个 150°–330° 那半个色轮只剩 45,540 个像素(5.17%)、均值彩度 0.043,低于全图中位数 0.071。逐件量过去更彻底:货架上的白瓷瓶 L 0.40 / 彩度 0.056 / 31°,柜台右端那口大瓷罐 0.37 / 0.021 / 356°,右侧那件青瓷 0.38 / 0.037 / 33°,左右两幅立轴山水 0.53 / 0.045 / 56° 与 0.48 / 0.042 / 30°——没有一件落在 90°–330° 里。这些东西的固有色本来分散在半个色轮上,现在全挤进 30° 宽的一段。

守得住的不是暗处

直觉会说「灯照不到的地方就留得住颜色」,这幅画自己否掉了。掌柜那身袍 L 0.29、彩度 0.061、色相 311°,是画里最暗的一块大面,冷侧守得稳稳的;两座柱础同样在暗处、明度同为 0.30,彩度只有 0.036 与 0.033,报出来的色相却是 353° 与 314°——同一种石头差了 39°。那不是两个颜色,是彩度不够时色相变成噪声的样子。暗只保证「不被推得更远」,它本身不产生色相;能顶住一盏有色灯的,只有材质自己那点彩度。

灯的浓度就是那条线

这条线量得出来。全图彩度天花板 0.230 落在灯笼上(它最艳的 3% 是 L 0.61 / 0.215 / 32°),匾额最艳的 3% 是 L 0.66 / 0.178 / 44°;而被它们照亮的普通面全部压在 0.08 以下——堂内柜台 0.031、檐外石阶 0.034、货架 0.073,只有本来就漆成朱红的廊柱够到 0.094。灯有多浓,和它能把别人染到多浓,是两个数:被染的面拿到的是光的色相加上一点点彩度,拿不到光的彩度。所以设计一盏有色灯,先决定被照面允许保留多少自己的彩度;低于那条线的东西在这盏灯下不会变色,它会没有颜色——那口大瓷罐的 0.021 就是这个下场。

带走这组颜色

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

/* Xigu Antiques Tended·暖照 · Xigu Antiques Tended in Warm Lamplight — Teyvat Palette */
:root {
  --signboard-gold: oklch(0.76 0.142 67); /* 匾金 #ec9d3f */
  --lantern-amber: oklch(0.71 0.171 58); /* 灯笼橙 #ee8100 */
  --pillar-cinnabar: oklch(0.46 0.094 28); /* 廊柱丹 #85413a */
  --shop-umber: oklch(0.35 0.031 6); /* 堂内褐 #493438 */
  --keeper-indigo: oklch(0.29 0.061 311); /* 掌柜青 #352241 */
  --terrace-stone: oklch(0.52 0.034 27); /* 阶石灰 #7c625e */
  --door-rug: oklch(0.48 0.117 38); /* 门毯赤 #934228 */
  --gradient-xigu-antiques-tended: linear-gradient(180deg, oklch(0.76 0.142 67) 0%, oklch(0.42 0.091 34) 20%, oklch(0.71 0.171 58) 38%, oklch(0.35 0.031 6) 66%, oklch(0.48 0.117 38) 88%, oklch(0.52 0.034 27) 100%);
}

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

色卡