枫丹昼清朗舒展远眺

白露区·澄昼

Belleau Region in Limpid Daylight

色卡

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

重构渐变

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

0%449efc20%a9dcff55%84beef76%76bcc2100%2c8eb9

为什么和谐

想让画面清朗,别降饱和度,降它的面积:白露区的天花板一点不低——正上方那块天实测彩度 0.163,离全图峰值 0.175 只差 0.012——可这一档艳只铺在画面最上缘,其余面积全交给积云的 0.072 和占 10.21% 的青带的 0.073,于是彩度中位数停在 0.093。同一个枫丹、同一族蓝,黎翡区的中位数是 0.121,而两张的彩度 p99 是 0.164 对 0.160:天花板是光给的,中位数是构图给的。

艳全在最上缘那一条

画面最上缘一整条(高 3%)实测 L 0.71 / 彩度 0.152 / 色相 251°,取正中那 40% 宽、5% 高是 0.163,全图峰值 0.175 也在这里。往下越过 0.05 就是积云接手:右侧那团 L 0.87 / 彩度 0.072,中间那团 0.84 / 0.083。连那道从左缘一直架到右缘的白色高架桥——画里最大的一件人造物——实测也只有 L 0.78 / 彩度 0.093 / 色相 245°,正好压在全图的彩度中位数上。峰值彩度在这幅画里是一条边,不是一片天。想要「晴」而不「艳」,把最高的那一档赶到画框最外缘去,别让它在主视区里铺开。

草、浅滩、沙,是同一个青

岛上那片看着是青草的坡实测色相 203° / 彩度 0.071,坡下的浅水 208° / 0.076,连那道白沙滩都是 213° / 0.076——三种材质彼此差不到 10°,全落在 165°–210° 的青带里,而这条带占全图 10.21%。在整座岛的范围里做 90°–165° 的绿色搜索,只捞到 5408 个像素,不到那块矩形的 5%;对全图做 330°–90° 的暖色搜索,达到灰阈值的像素一个都没有——沙滩没有一粒是暖的。买下 0.093 这个中位数的,就是这一大片停在 0.07 上下的青。想省浓度,先挑出画面里面积最大的那样东西,让它待在低彩度上;靠整体降饱和度是补不回来的。

醒目是差值:0.070 对 0.015

白露区的天顶彩度 0.163,高出自己的中位数 0.070;黎翡区最艳的那片海 0.136,只高出它的中位数 0.121 的 0.015。两张画的彩度天花板几乎一样(p99 0.164 对 0.160),买到的注意力却差了近五倍——因为一块颜色的醒目程度是它减去中位数,不是它本身。压低中位数不是保守,是在给自己攒额度:同一个峰值,底噪低一档它就响一档。

带走这组颜色

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

/* 白露区·澄昼 · Belleau Region in Limpid Daylight — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.69 0.163 252); /* 天顶蓝 #449efc */
  --cumulus-blue: oklch(0.87 0.072 239); /* 积云蓝 #a9dcff */
  --aqueduct-blue: oklch(0.78 0.093 245); /* 长桥灰蓝 #84beef */
  --isle-cyan: oklch(0.75 0.071 203); /* 洲渚青 #76bcc2 */
  --deep-bay: oklch(0.61 0.109 232); /* 深湾蓝 #2c8eb9 */
  --gradient-belleau-region: linear-gradient(180deg, oklch(0.69 0.163 252) 0%, oklch(0.87 0.072 239) 20%, oklch(0.78 0.093 245) 55%, oklch(0.75 0.071 203) 76%, oklch(0.61 0.109 232) 100%);
}

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

色卡