蒙德昏温煦闲静将晚

冒险家协会(蒙德)·暮灯

Adventurers' Guild Mondstadt at Lamplit Dusk

色卡

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

重构渐变

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

0%366a8314%cf7f3e30%8a735a46%ad616478%8c9a5b100%697c7d

为什么和谐

灰不是画上去的,是两束色温在同一块面上打平的结果:这幅画 32.30% 的像素在灰阈值以下,而那块最大的无彩面——柜台前的石板广场——实测彩度只有 0.022、色相 201°,正卡在暖灯的 57° 和夜空的 231° 之间。想要一块中性面,不必去调灰,给它两个方向相反的光。

广场是两束光的平均数

柜台正前方那片石板(画面下缘中段)实测 L 0.57、彩度 0.022、色相 201°;头顶的暮空是 L 0.50、彩度 0.069、色相 231°,而右上那几扇亮着的窗最艳的 3% 是 L 0.67、彩度 0.127、色相 57°。201° 正落在 57° 走向 231° 的那段弧上,彩度则被两边稀释到 0.022——低于 0.025 的灰阈值。这块地不是被调成灰的,是被两种颜色抵消成灰的。

只收到一束光的面,颜色留着

左侧那截城墙只朝着夜空,实测 L 0.33、彩度 0.032、色相 241°,蓝原封不动;右侧半木构的墙面只吃到灯,L 0.57、彩度 0.046、色相 69°,黄也原封不动——全图 34.86% 的黄带就是这些被灯染过的墙,均值彩度 0.059,而灯本身只有窗口那几处 0.127。抵消只发生在同时收到两束光的面上。要在界面里留一块真正的中性,把它放在两个光源的交界处,而不是在调色板里找一个灰。

灰买回来的是那 9.34% 的绿

广场上三个花箱,把 90°–165° 的像素单独取出来是 26745 个,均值 L 0.66、彩度 0.088、色相 119°,峰值 0.198——正是全图的彩度上限。绿带只占 9.34%,却握着最响的一档,而占 34.86% 的黄带均值只有 0.059。32.30% 的无彩广场是这件事的前提:同一批冒险家协会里,稻妻那张无彩只剩 8.09%,它的彩度峰值 0.231 就再没有一块安静的邻居可以衬。小面积的那一族才配拿彩度的上限,前提是你先给它铺好了地。

带走这组颜色

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

/* 冒险家协会(蒙德)·暮灯 · Adventurers' Guild Mondstadt at Lamplit Dusk — Teyvat Palette */
:root {
  --night-sky: oklch(0.5 0.069 231); /* 夜幕蓝 #366a83 */
  --window-gold: oklch(0.67 0.127 57); /* 窗灯金 #cf7f3e */
  --timber-cream: oklch(0.57 0.046 69); /* 半木黄 #8a735a */
  --canopy-rose: oklch(0.58 0.099 18); /* 帐幔绯 #ad6164 */
  --plaza-grey: oklch(0.57 0.022 201); /* 广场灰 #697c7d */
  --planter-green: oklch(0.66 0.088 119); /* 花箱绿 #8c9a5b */
  --gradient-adventurers-guild-mondstadt: linear-gradient(180deg, oklch(0.5 0.069 231) 0%, oklch(0.67 0.127 57) 14%, oklch(0.57 0.046 69) 30%, oklch(0.58 0.099 18) 46%, oklch(0.66 0.088 119) 78%, oklch(0.57 0.022 201) 100%);
}

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

色卡