蒙德昼肃穆荫凉纪念

蒙德英雄的象征·荫午

Symbol of Mondstadt's Hero at Shaded Noon

色卡

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

重构渐变

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

0%468bcb20%71bc8252%18454368%3d84db100%91c26d

为什么和谐

同一块颜色在一张画里出现了两次,一次是背景,一次是主角:顶上整条天空横带实测 249° / 彩度 0.120 / L 0.62,树下纪念碑升起的那道光柱是 255° / 彩度 0.150 / L 0.61——相差 6°、0.030 和 0.01。光柱成为主角的理由不在它自己身上,在贴着它的那一圈:树冠背光面 L 0.36。想让一个颜色成为焦点,先别改它,改它的邻居。

天和光柱是同一块蓝

全图最艳的 4000 个像素里有 2655 个落在 240°–270°,位置在画面正中偏下的 (0.49, 0.64)——那不是天,是从树下纪念碑笔直升进树冠的一道光柱。我量它用的竖条只有画宽的 1.6%,读数 255° / 彩度 0.150 / L 0.61;顶上那条横贯全画的天空是 249° / 彩度 0.120 / L 0.62。数值上它们是同一块蓝,眼睛却只把其中一块当成事件。

差别全在贴着它的那一圈

光柱两侧的树干与影实测 L 0.45 / 彩度 0.063,光柱对它是明度差 0.16,彩度是它的 2.4 倍;同一块蓝要是挂回天上,对邻居只剩明度差 0.01,彩度只是它的 1.25 倍,它就消失了。〈秘藏之所〉那五篇是拿同一件资产走五个环境才量出这件事的,这张更省——同一幅画里同一块蓝出现了两次,不必换场景就读得出:强度不是颜色自己的属性。

色相账一模一样,画却是两幅

和〈风啸山坡·晴荫〉并排量:绿带 33.78% 对 32.33%、青带 16.25% 对 12.08%、蓝带 47.00% 对 45.67%,三条色相带的面积几乎逐条相同,连国家和时刻都一样,可一张是风景、一张是有主角的画。变的只有另外两条通道:明度中位数 0.61 对 0.70,彩度峰值 0.234 对 0.175。〈白露区·澄昼〉那一组按住明度中位数和彩度 p99、只让面积变;这一对正好反过来,面积几乎钉死,动的是明度和彩度。想给一幅画一个主角,别去色相表上找答案。

带走这组颜色

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

/* 蒙德英雄的象征·荫午 · Symbol of Mondstadt's Hero at Shaded Noon — Teyvat Palette */
:root {
  --noon-blue: oklch(0.62 0.12 249); /* 正午蓝 #468bcb */
  --monument-shaft: oklch(0.61 0.15 255); /* 碑光蓝 #3d84db */
  --sunlit-canopy: oklch(0.73 0.112 150); /* 冠顶黄绿 #71bc82 */
  --canopy-underside: oklch(0.36 0.049 190); /* 冠底青 #184543 */
  --trunk-shadow: oklch(0.45 0.063 233); /* 干影蓝 #2e5b73 */
  --meadow-green: oklch(0.76 0.126 133); /* 坡草绿 #91c26d */
  --gradient-symbol-of-mondstadts-hero: linear-gradient(180deg, oklch(0.62 0.12 249) 0%, oklch(0.73 0.112 150) 20%, oklch(0.36 0.049 190) 52%, oklch(0.61 0.15 255) 68%, oklch(0.76 0.126 133) 100%);
}

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

色卡