挪德卡莱夜沉夜烟火气机巧

伦波岛·夜蓝

Lempo Isle in Night Blue

色卡

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

重构渐变

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

0%184ab830%273a5d62%d1847182%37563a100%debcad

为什么和谐

强调色的彩度额度按「离主场色相多远」发放:这幅夜景 73.04% 的画面是蓝带、均值彩度 0.145,天自己就是彩度天花板(峰值 0.282);右侧高杆上那盏灯离蓝带均值 259° 只有 23°,敢把彩度顶到 0.239、越过全图 99 分位的 0.222,而离它 132° 的全部暖色——45,126 个像素、5.13% 的画面——峰值只有 0.165,连 99 分位都够不着。同族的强调买彩度,对立的强调只能买明度。

天是这幅画最艳的东西

全图最艳的 4000 个像素有 3997 个落在 240°–270°、均值彩度 0.239,位置 (0.38, 0.09) 就是画顶那片夜空;上缘 15% 整块实测 L 0.45、彩度 0.183、263°,峰值 0.282。蓝带一族占住 73.04% 的画面、均值彩度 0.145,而全图彩度中位数是 0.130——中位数几乎就是天的读数,因为天就是这幅画的大多数。无彩只有 3.91%,连一块可以让出来的灰都没有。彩度这条通道在开局就被卖光了,后面每一盏灯要花彩度,都得跟天论价。

两盏灯各买一样

右侧那根高杆顶上的灯,整块实测 L 0.39、彩度 0.141、271°,最艳的 3% 是 L 0.56、彩度 0.222、282°,峰值 0.239——它离蓝带均值 259° 只有 23°,却把彩度顶过了全图 99 分位的 0.222,而它的明度比全图中位数 0.41 还低 0.02。巨大环形穹顶脚下那口敞着的炉子正相反:整块 L 0.72、彩度 0.102、44°,只数暖像素是 L 0.69、彩度 0.100、35°,峰值 0.144;它离蓝带 132°,明度高出中位数 0.28,彩度却连 99 分位都摸不到。同一座村子的两盏灯,一盏只买彩度,一盏只买明度,而买哪一样由它离夜空多少度决定。

暖色拿到的是明度轴

把 330°–90° 在全画搜一遍:45,126 个像素、5.13% 的画面,均值 L 0.56、彩度 0.064、31°,峰值 0.165。挨个看它们落在什么上——河面上那几道炉火的倒影 L 0.82、彩度 0.044(667 个像素),左下角那丛锈色灌木 L 0.43、彩度 0.045,右下角同样的灌木 L 0.51、彩度 0.075,炉口本身 L 0.69、彩度 0.100:明度铺开了 0.39 的行程,彩度全程锁在 0.044 到 0.100 之间。〈浅濑神社·暮星〉说彩度的税基是面积,只降占面积大的那一极(53.95% 的暮天交到 0.050–0.060,15.50% 的草坡照旧 0.072);这里反过来,面积最大的 73.04% 恰恰是彩度最高的一极,被压下去的是 5.13% 的暖。税基换成了色相距离。想在深蓝界面里放强调:同族的紫尽管拉满彩度,互补的橙别加艳,把它提亮。

带走这组颜色

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

/* 伦波岛·夜蓝 · Lempo Isle in Night Blue — Teyvat Palette */
:root {
  --night-vault: oklch(0.45 0.183 263); /* 夜穹蓝 #184ab8 */
  --machine-indigo: oklch(0.35 0.067 262); /* 机体靛 #273a5d */
  --furnace-orange: oklch(0.69 0.1 35); /* 炉火橙 #d18471 */
  --pole-lamp-violet: oklch(0.56 0.222 282); /* 杆灯紫 #6855f0 */
  --water-gold: oklch(0.82 0.044 44); /* 河面金 #debcad */
  --slope-green: oklch(0.42 0.058 147); /* 坡草绿 #37563a */
  --gradient-lempo-isle: linear-gradient(180deg, oklch(0.45 0.183 263) 0%, oklch(0.35 0.067 262) 30%, oklch(0.69 0.1 35) 62%, oklch(0.42 0.058 147) 82%, oklch(0.82 0.044 44) 100%);
}

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

色卡