璃月昼明澈轻盈丰饶

琼玑野·晴午

Qiongji Estuary at Noon

色卡

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

重构渐变

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

0%bdeefc34%a1ddc772%9ec27e100%5d91a8

为什么和谐

高调画面里的「黑」是相对的:左侧那面看着发黑的崖壁实测 L 0.63,只比全图明度中位数 0.83 低 0.20,而全图最暗的 1% 也还有 0.52——想压住一幅亮画,你需要的不是黑,是一块比周围低 0.2 的面。

最暗的 1% 停在 0.52

明度分布是 p01 0.52 / p50 0.83 / p99 0.97:这幅画根本没有暗部,它整体住在明度轴的上四分之一。左上角那面玄武岩崖壁在画面里读作「黑」,取样却是 L 0.63、彩度 0.065、色相 227°——比中灰还亮。它管用是因为参照系是这幅画自己:眼睛判断深浅看的是与邻域的差,不是绝对值。反过来看千壑沙地那一篇:同样是明度决定气候,那里比的是两片沙漠的中位数,这里比的是一幅画内部的落差。

三块面积几乎相等,靠色相分工

绿带 37.5%、青带 26.0%、蓝带 28.8%——草原、河口、天空三分天下,谁也没有多数。它们的明度依次是 0.81 / 0.84 / 0.79,几乎在同一档;真正把三块分开的是色相 131° / 188° / 230°,每一跳约 55°。面积和明度都不做主的时候,色相就必须把话说清楚,而 55° 是让相邻两块既能分开、又不至于打架的距离。

最艳的东西也在最亮处

彩度峰值不在暗处:最饱和的 4000 个像素平均 L 0.87、彩度 0.159、色相 114°,位置在 (0.56, 0.58)——正是草原上那一丛丛黄叶树。取那一带最饱和的 3% 也只有彩度 0.114。也就是说这幅画的高光、主色、点缀色全都挤在 L 0.77–0.92 之间,唯一的结构性对比来自那面 0.63 的崖。一整套颜色可以住在一个狭窄的明度带里,前提是你肯留一块面出来当锚。

带走这组颜色

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

/* 琼玑野·晴午 · Qiongji Estuary at Noon — Teyvat Palette */
:root {
  --cliff-slate: oklch(0.63 0.065 227); /* 崖岩青 #5d91a8 */
  --shoal-teal: oklch(0.85 0.068 170); /* 浅滩碧 #a1ddc7 */
  --meadow-green: oklch(0.77 0.099 131); /* 野绿 #9ec27e */
  --canopy-gold: oklch(0.86 0.114 109); /* 琼树黄 #d7d77c */
  --sky-wash: oklch(0.92 0.054 217); /* 天光白 #bdeefc */
  --gradient-qiongji-estuary: linear-gradient(200deg, oklch(0.92 0.054 217) 0%, oklch(0.85 0.068 170) 34%, oklch(0.77 0.099 131) 72%, oklch(0.63 0.065 227) 100%);
}

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

色卡