枫丹昏矜持薄凉灯下

冒险家协会(枫丹)·薄暮

Adventurers' Guild Fontaine at Nightfall

色卡

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

重构渐变

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

0%6b506c20%39385e52%678f8c62%36568176%c07e43100%7e5b62

为什么和谐

没有一块灰,也可以不吵:这幅画的无彩只有 4.59%,比稻妻那张冒险家协会的 8.09% 还少,却是四张里唯一既没有留白、也没有一块响颜色的——它的彩度 p99 是 0.109、峰值 0.157,稻妻是 0.160 和 0.231。留白的面积和彩度的天花板是同一件事的两种付法,拧下去一个就够。

81.41% 排在一条不断的色带上

紫 26.26% 加粉 25.32% 加红 16.04% 加橙 13.79%,81.41% 的画面连成 270° 到 45° 一条不断的带:店面背后那面巨墙 L 0.47、彩度 0.055、色相 326°,屋顶的石板瓦 L 0.36、彩度 0.064、色相 283°,柜台前的铺石 L 0.51、彩度 0.046、色相 6°——同一场暮光下的三种材质,只在色相上排了个队,没有一处跳出去。这条带本身就是那块本该存在的灰:它不靠无彩隔开颜色,它让颜色首尾相接。

天花板压到 0.109

彩度 p99 只有 0.109、全图峰值 0.157,两项都是四张里最低;最艳的东西是右侧那两盏煤气街灯,最亮的 3% 是 L 0.65、彩度 0.111、色相 61°——一盏灯,就是这幅画的上限。对照桓那兰那:那张的无彩只有 1.43%,比这里还少,可它的彩度中位数 0.103、峰值 0.245,靠的是「色相收窄 + 主从彩度拉开一倍」。同样不铺灰,枫丹走的是另一条——把所有人一起按下去,谁也不许响。

唯一的冷色是两幅雨篷

青 1.14% 加蓝 4.48%,全图 5.62% 的冷色几乎只长在柜台两侧的布篷上:受光那半 L 0.62、彩度 0.044、色相 191°,背阴那半最艳的一簇 107 个像素,L 0.41、彩度 0.118、色相 258°,位置在 (0.33, 0.68)。同一块布,两半相隔 65°,而彩度 0.118 已经逼近全图峰值 0.157。天花板一旦压低,5.62% 的冷色就够当第二个声音——想让一点点强调色顶事,先把周围的上限降下来,比把它调亮省得多。

带走这组颜色

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

/* 冒险家协会(枫丹)·薄暮 · Adventurers' Guild Fontaine at Nightfall — Teyvat Palette */
:root {
  --dusk-wall: oklch(0.47 0.055 326); /* 暮墙紫 #6b506c */
  --slate-violet: oklch(0.36 0.064 283); /* 檐瓦青紫 #39385e */
  --lamp-gold: oklch(0.65 0.111 61); /* 街灯金 #c07e43 */
  --awning-cyan: oklch(0.62 0.044 191); /* 雨篷青 #678f8c */
  --awning-shade: oklch(0.45 0.08 256); /* 篷影蓝 #365681 */
  --pavement-blush: oklch(0.51 0.046 6); /* 街石粉 #7e5b62 */
  --gradient-adventurers-guild-fontaine: linear-gradient(180deg, oklch(0.47 0.055 326) 0%, oklch(0.36 0.064 283) 20%, oklch(0.62 0.044 191) 52%, oklch(0.45 0.08 256) 62%, oklch(0.65 0.111 61) 76%, oklch(0.51 0.046 6) 100%);
}

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

色卡