挪德卡莱昏昧逼仄生活气

伦波岛·灯隅

Lempo Isle, a Lamplit Corner

色卡

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

重构渐变

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

0%181b1e35%493b5b70%5a3337100%b3988b

为什么和谐

拿掉天,一幅画失去的是彩度不是明度:同一座伦波岛,露天那张明度中位数 0.41、彩度中位数 0.130、无彩 3.91%;这个天一点也没进画框的角落明度中位数 0.30——只低 0.11——彩度中位数却掉到 0.036,是那张的 27%,无彩涨到 30.12%,是那张的 7.7 倍。一幅画有多少颜色,不由它有多亮决定,由天照不照得到决定。

灯照不到的地方连 0.01 的彩度都没有

左半幅那面看着是墨绿色的高舱壁,整块 56,762 个像素实测 L 0.22、彩度 0.008;而 90°–210° 这一整段绿到青,在这块里一个像素都没有——它不是暗绿,它没有颜色。右边被檐灯照到的那面锈色墙 L 0.37、彩度 0.057、13°,明度只比舱壁高 0.15,彩度却是它的七倍。同一个角落、同一种铁皮,差别全在有没有灯打到它。

彩度天花板整个是灯管撑起来的

除掉 0.06% 的青,六条色带的彩度均值几乎是同一个数:红 0.047、橙 0.057、黄 0.051、蓝 0.045、紫 0.050、粉 0.041,极差只有 0.016;而同样六条的明度是 0.32 / 0.40 / 0.57 / 0.25 / 0.34 / 0.37,极差 0.32。色相和明度都还在动,彩度整条被按住了。真正越过这条线的只有两处自己会发光的东西:左侧栏杆下那条粉色灯管,最艳的 3% 是 L 0.48、彩度 0.172、1°,峰值 0.176;右缘那根被紫光罩住的立柱,最艳的 3% 是 L 0.50、彩度 0.143、302°,峰值 0.175。全图彩度 99 分位 0.115、峰值 0.216,两个数字都只有灯管够得着。

白天不是这样

〈万端珊瑚侦探社·荫昼〉把天几乎全裁出了画框——蓝带只剩 22.70%,最艳的 4000 个像素里天占 0——可视平线以下的影子照旧是彩度 0.054、251°,和那片天的 0.120 / 247° 只差 4° 色相:白天把天挪出画框,天光发给每一块背光面的那一份还在,只掉一半彩度。这里没有那一份,左舷壁的 0.008 就是这张账单为零的样子。〈合辙驿·檐下〉的室内 75.1% 无彩、彩度中位数 0.011,颜色全部从两处开口借来;这个角落连开口都没有,只有灯。所以做暗场景别靠压明度——两张画的明度中位数只差 0.11,读起来却是两个世界;先决定哪几块面被灯照到,把彩度全发给它们,其余一律推到无彩。

带走这组颜色

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

/* 伦波岛·灯隅 · Lempo Isle, a Lamplit Corner — Teyvat Palette */
:root {
  --hull-black: oklch(0.22 0.008 251); /* 舷壁墨 #181b1e */
  --deck-violet: oklch(0.38 0.056 304); /* 板地紫 #493b5b */
  --rust-wall: oklch(0.37 0.057 13); /* 锈壁橙 #5a3337 */
  --eave-lamp: oklch(0.7 0.038 46); /* 檐灯黄 #b3988b */
  --pillar-violet: oklch(0.5 0.143 302); /* 柱紫 #734ba6 */
  --glow-bar-pink: oklch(0.48 0.172 1); /* 灯管粉 #a41f58 */
  --gradient-lunar-treasury-lempo-isle-location-context: linear-gradient(90deg, oklch(0.22 0.008 251) 0%, oklch(0.38 0.056 304) 35%, oklch(0.37 0.057 13) 70%, oklch(0.7 0.038 46) 100%);
}

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

色卡