纳塔昼澄澈喧腾轻盈

圣火竞技场·晴霭

Stadium of the Sacred Flame in Bright Haze

色卡

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

重构渐变

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

0%f2fafe22%95c5e352%1e57c674%d7564a100%806577

为什么和谐

光源不必是最亮的那个,甚至可以比画里一般的地方更暗:台心的圣火实测 L 0.62、彩度 0.165,比全图明度中位数 0.71 低 0.09,却顶到了全图彩度的天花板——因为亮端早被介质占死,最亮的 4000 个像素 L 1.00、彩度 0.002,其中 3,106 个挤在右上角那片烧穿的云上。〈烟硌山峰·暮霭〉支撑同一句话的证据是紫核 L 0.66 与蓝光柱 L 0.48 都还高于它 0.38 的明度中位数;这幅画把光源放到了中位数下面,是那条规则的下一格。

亮端是空的

全图明度中位数 0.71,p99 就是 1.00:最亮的 4000 个像素均值 L 1.00、彩度 0.002–0.003,其中 3,106 个在右上那片过曝的云里。这片白不只在天上——它顺着峡谷灌下来,谷底的雾实测 L 0.79 与 0.82,比中央台心那块地面(L 0.75)还亮。一个光源想在这样的画里靠变亮胜出,上面已经没有空位了。

同一个坛火,两套相反的工具

取台心那团火最饱和的 3%:L 0.62、彩度 0.165、28°,峰值 0.185,而全图彩度 p99 只有 0.154——它是越线的少数之一,却比全图明度中位数低 0.09。〈万火之瓯·晴岚〉是同一片纳塔雾谷、明度中位数 0.73(这里 0.71),那里的坛火 441 个像素靠的是 L 0.84、高出中位数 0.11,彩度只有 0.118:同一件东西,一个往上走,一个往外走。而〈烟硌山峰·暮霭〉是这条规则的上一格——引它正文的数字:明度中位数 0.38,紫核 L 0.66 / 彩度 0.209,蓝光柱 L 0.48 / 彩度 0.210,最亮的 4000 个像素有 3817 个落在一片空雾上(L 0.87)。那两个光源同样不是最亮的,却都还站在自己中位数之上;这里的火站到了下面 0.09。所以「在发光只能由彩度说」还能再推一格:光源不但可以不是最亮的,还可以比画里一般的地方更暗。

顶格的位子先被布占了

全图最饱和的 4000 个像素里,240°–270° 那一簇有 3,653 个、均值彩度 0.174——就是横过峡谷的那些蓝幡,取其中一段最饱和的 3% 实测 262°、彩度 0.184、L 0.49。暖色只分到 231 个(5.8%),而暖色按面积占 15.41%。可那 231 个的均值(30°–60° 是 0.176,0°–30° 是 0.177)反而比蓝幡那 3,653 个还高一点点。火没有赢彩度,它只是唯一一个够得着顶的暖色,而且小到不必赢。想让一个元素读作在发光,先看画里明度的顶端还空不空;占满了就别再加亮,把它做成唯一一个到达彩度天花板的异族色。

带走这组颜色

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

/* 圣火竞技场·晴霭 · Stadium of the Sacred Flame in Bright Haze — Teyvat Palette */
:root {
  --blown-white: oklch(0.98 0.01 226); /* 过曝白 #f2fafe */
  --canyon-haze: oklch(0.8 0.066 236); /* 谷雾 #95c5e3 */
  --banner-blue: oklch(0.49 0.184 262); /* 幡蓝 #1e57c6 */
  --sacred-flame: oklch(0.62 0.165 28); /* 圣火橙 #d7564a */
  --cliff-ochre: oklch(0.54 0.044 339); /* 崖赭 #806577 */
  --terrace-green: oklch(0.84 0.067 136); /* 台绿 #b7d5aa */
  --gradient-stadium-of-the-sacred-flame: linear-gradient(180deg, oklch(0.98 0.01 226) 0%, oklch(0.8 0.066 236) 22%, oklch(0.49 0.184 262) 52%, oklch(0.62 0.165 28) 74%, oklch(0.54 0.044 339) 100%);
}

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

色卡