稻妻昼清朗阴凉闲日

长野原烟花店·背阴

Naganohara Fireworks in the Shade

色卡

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

重构渐变

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

0%4488c412%1e775b34%33584f56%20506a76%26323a100%bfa8a0

为什么和谐

人造色可以一个新色相都不发明,只把彩度砍掉一半:屋顶 177° 挨着树冠的 167°,店头暖帘 236° 挨着天空的 247°,而树冠最饱和的 3% 到 0.146,整片屋顶的峰值只有 0.055。这是彩度天花板的下面那一侧——〈阿如的倒影·白光〉里裸铺石 0.039、人嵌上去的花石板 0.109,越线的才是人造物;这里活物比人艳,人造的只能待在线下。

屋顶不在绿带里

眼睛会把这片屋顶记成全画最大的一块绿,测量里它根本不在绿带:瓦面实测 177°,落在 165–210° 的青带那一侧(全图 20.9%);90–165° 的真绿只占 2.52%,其中最艳的部分只出现在两处——左上的树冠,和石板缝里的几簇草。瓦面和树冠只差 10°,眼睛并没有认错颜色;让这一大片绿说不出话的是彩度,0.046,不到树冠的一半。想让一大片面积安静下来,不必换色相,把彩度压到 0.05 以下就够。

同一个明度,一半的彩度

右侧那面屋顶实测 L 0.51,和树冠是同一个明度,彩度却是 0.042 对 0.094,正好一半;各取最饱和的 3%,树冠 0.146、石缝草 0.148,而两片瓦面只有 0.051,峰值 0.055 和 0.050——让屋顶发闷的不是背光,它整片都没有高彩度那一档可用。全图彩度最高的 0.182 落在 (0.48, 0.77),是石板缝里一百来个像素的野草,是整座屋顶峰值的三倍多。同一条天花板在〈阿如的倒影·白光〉是反着读的:那里裸铺石 0.039(峰值 0.075)、方尖碑柱身 0.043(峰值 0.070),而人嵌上去的花石板是 0.105–0.108、峰值 0.140(数字引自该篇正文)——越线的才是人造物。符号由环境决定:沙漠的裸石没有自己的颜色,人是唯一的上色者;稻妻的树是活的,人造物只能比活物闷。所以先问环境里本来有没有比人更艳的东西,再决定把人造色放在天花板的哪一侧。

稻妻的店不喊,璃月的店喊

同样是一家店:明星斋把朱红 4°(彩度 0.074)和匾金 95° 挂上门面,那是环境里本来没有的色相,身份由色相宣告。长野原这家一个新色相都没带进来——暖帘 236°、山墙上的圆纹章 254°、两只纸灯笼彩度 0.026 与 0.022,整套店头装置都待在天空 247° 的那一带里,只是暗一档、淡一半;唯一敢饱和的是棚下摊面那卷靛蓝陈列布,最艳的 96 个像素到 0.121。所以这是个定位选择,不是品味问题:借环境的色相,你的东西属于这个地方;带一个环境没有的色相进来,它才属于你自己。

带走这组颜色

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

/* 长野原烟花店·背阴 · Naganohara Fireworks in the Shade — Teyvat Palette */
:root {
  --roof-moss: oklch(0.43 0.046 177); /* 瓦苔青 #33584f */
  --canopy-green: oklch(0.51 0.094 167); /* 树冠绿 #1e775b */
  --noren-blue: oklch(0.41 0.068 236); /* 暖帘蓝 #20506a */
  --zenith-blue: oklch(0.61 0.114 247); /* 天顶蓝 #4488c4 */
  --timber-shade: oklch(0.31 0.022 237); /* 杉木影 #26323a */
  --sunlit-flagstone: oklch(0.75 0.029 41); /* 石板暖 #bfa8a0 */
  --crack-grass: oklch(0.73 0.148 134); /* 石缝草 #80bb56 */
  --gradient-naganohara-fireworks: linear-gradient(180deg, oklch(0.61 0.114 247) 0%, oklch(0.51 0.094 167) 12%, oklch(0.43 0.046 177) 34%, oklch(0.41 0.068 236) 56%, oklch(0.31 0.022 237) 76%, oklch(0.75 0.029 41) 100%);
}

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

色卡