枫丹昼丰饶明快盛夏

莫尔泰区·晴翠

Morte Region in Sunlit Green

色卡

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

重构渐变

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

0%3598d622%8ed2f442%b4e3f968%338faf86%389773100%519a52

为什么和谐

抬天花板和抬浓度是两件事:莫尔泰区 80.12% 是蓝,可全图彩度峰值 0.200 握在只占 7.50% 的绿手里——最饱和的 4000 个像素有 3999 个落在 120°–150°,最艳的一点坐标 (0.24, 0.96),就是脚边那道草坡。它把天花板顶到三个枫丹区里最高,而彩度中位数 0.091,比几乎没有绿的白露区(0.093)还低 0.002。要一个最艳的点,只需要一小块,而且它可以不属于主色族。

峰值在脚边,不在天上

最饱和的 4000 个像素里 3999 个落在 120°–150°,均值 L 0.73 / 彩度 0.182 / 色相 139°,峰值点坐标 (0.24, 0.96)——画面最下缘,观众脚边那道草坡。取下缘高 12%、左侧 62% 宽的横带只统计 90°–165° 的像素,32528 个,均值 L 0.62 / 彩度 0.128 / 色相 144°,峰值 0.200。同一幅画的天顶只有 0.129,中景那片湖 0.097,最远处裹住白塔的雾 0.057;左下角那株冷杉已经退到 165° / 0.105,绿是留给最近一层的。离观众越近彩度越高,是这张画让人觉得自己站在岸上、而不是隔着窗看的原因。

7.50% 就够顶起天花板

蓝带占 80.12%,均值彩度 0.089,峰值也只到 0.158——占八成面积的主色族够不到全图天花板;把它顶到 0.200 的是不足一成的绿。而彩度中位数 0.091,和几乎没有绿的白露区只差 0.002:这块绿一点没让画面变浓。〈霜月·地照〉是同一条规则的另一半,那里唯一的暖色彩度 0.063、比旁边的冷蓝 0.072 还低,靠的纯是色相跳出主族。两边合起来说的是同一句:改天花板只要一小块,而最省的做法是让这一小块不属于主色族——整片提饱和度买的是浓度,不是焦点。

Cmax 是一个点,中位数是面积

三个枫丹区的彩度 p99 几乎重合——白露区 0.164、莫尔泰区 0.163、黎翡区 0.160,极差 0.004;明度中位数也几乎一致,0.78 / 0.74 / 0.74。可 Cmax 是 0.175 / 0.200 / 0.198,中位数是 0.093 / 0.091 / 0.121:莫尔泰区峰值最高而中位数最低,黎翡区正相反。把这两个数当成一件事,就会在只想要一个亮点的时候整片提饱和,最后拿到黎翡区那样处处有色、无处最艳的画面。先决定天花板归谁,再决定有多少面积够得着它。

带走这组颜色

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

/* 莫尔泰区·晴翠 · Morte Region in Sunlit Green — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.65 0.129 241); /* 天顶蓝 #3598d6 */
  --cumulus-pale: oklch(0.83 0.084 231); /* 积云淡蓝 #8ed2f4 */
  --tower-mist: oklch(0.89 0.057 229); /* 塔雾白 #b4e3f9 */
  --lake-blue: oklch(0.61 0.097 225); /* 湖心蓝 #338faf */
  --fir-teal: oklch(0.61 0.105 165); /* 杉影青 #389773 */
  --bank-emerald: oklch(0.62 0.128 144); /* 岸头翠 #519a52 */
  --gradient-morte-region: linear-gradient(180deg, oklch(0.65 0.129 241) 0%, oklch(0.83 0.084 231) 22%, oklch(0.89 0.057 229) 42%, oklch(0.61 0.097 225) 68%, oklch(0.61 0.105 165) 86%, oklch(0.62 0.128 144) 100%);
}

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

色卡