昼嘈杂机巧悬浮

那夏镇·炽昼

Nasha Town, Blazing Noon

色卡

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

重构渐变

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

0%51b4fa26%dd5da348%436a9e66%775c5784%414260100%a1a7ba

为什么和谐

两个一模一样的彩度峰会把焦点交到它们的中点上,而中点上那样东西可以一个极值都不占。左右两只反重力环最浓的 3% 是彩度 0.178 与 0.175、色相 350° 与 348°、明度 0.65 与 0.68;全图最艳的 4000 个像素里 3500 个落在这条 330°–360° 上,而 bench 报出的质心是 (0.49, 0.29) ——画面正中那座塔。那里 315°–360° 只有 1289 个像素、均值彩度 0.049,低于全图中位数 0.063。想让一样不出声的东西当主角,别加强它,在它两侧对称地摆两个一样强的:它们越像,中点越硬。

两只环读同一个数

左环(0.15, 0.27 起)6063 个像素,L 0.52 / 彩度 0.118 / 色相 334°,峰值 0.192;右环(0.73, 0.23 起)6579 个像素,L 0.48 / 0.102 / 331°,峰值 0.199。各取最浓的 3%:182 个像素 L 0.65 / 0.178 / 350°,对 197 个像素 L 0.68 / 0.175 / 348°。全图的彩度天花板 0.199 就在右环上,左环只差 0.007。三条通道上都读同一个数,谁也不比谁更像「最艳的那一处」——〈衡准大厅·焰照〉的两团火在明度上做过同一件事(0.84 对 0.84),这里换成了彩度。

质心上一个粉像素都没有

全图 315°–360° 有 35590 个像素(4.04%),最浓的 3%(1068 个)均值 0.173。可把中央那座塔整块框起来(0.42, 0.22 起,18079 个像素),落进 315°–360° 的只有 1289 个,均值彩度 0.049,低于全图中位数 0.063,峰值 0.086 不到两只环的一半;框放大到画面正中那 40%×30%(0.30, 0.15 起)也只有 2650 个,占这一族的 7.4%。塔本身量下来 L 0.65 / 彩度 0.083,两条通道都只比中位数高一点点。(0.49, 0.29) 是算出来的位置,不是量到的——它是两只环平均出来的坐标,那里恰恰什么都没有。

接手的是位置,不是另一个颜色

〈沃陆之邦秘藏之所·幽炬〉说过双光注销之后由构图决定谁接手,那里接手的是一条会聚的台阶。这里连路都省了:两只环挂在同一条水平线上、离中轴一样远,「最艳」这个身份就摊成了一个坐标。旁证是画里其余的谁也接不了手——57.77% 的蓝里最浓的天顶也只有 0.138,20.74% 的紫均值 0.051,看着最像暖色的那面土墙(0.13, 0.44 起)实测 L 0.37 / 彩度 0.033,45°–105° 全图只有 14019 个像素、均值 0.053。做界面同理:要突出一块不能自己发亮的主区,与其给它描边加色,不如把两个同规格的强元素对称钉在它两侧。

带走这组颜色

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

/* 那夏镇·炽昼 · Nasha Town, Blazing Noon — Teyvat Palette */
:root {
  --ring-core: oklch(0.66 0.176 349); /* 环芯粉 #dd5da3 */
  --ring-halo: oklch(0.52 0.118 334); /* 环晕霞 #914c85 */
  --town-zenith: oklch(0.74 0.138 243); /* 镇顶蓝 #51b4fa */
  --gantry-steel: oklch(0.52 0.094 256); /* 钢架青 #436a9e */
  --tower-shade: oklch(0.39 0.051 283); /* 楼影紫 #414260 */
  --mud-wall: oklch(0.5 0.037 30); /* 土墙赭 #775c57 */
  --plaza-pale: oklch(0.73 0.028 270); /* 场心白 #a1a7ba */
  --gradient-nasha-town: linear-gradient(180deg, oklch(0.74 0.138 243) 0%, oklch(0.66 0.176 349) 26%, oklch(0.52 0.094 256) 48%, oklch(0.5 0.037 30) 66%, oklch(0.39 0.051 283) 84%, oklch(0.73 0.028 270) 100%);
}

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

色卡