蒙德昼葱茏静谧野趣

Boar Habitat·晴隙

Boar Habitat in a Clearing of Light

色卡

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

重构渐变

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

0%4191ae18%2a704f46%1e444570%5b8a89100%a3cf6d

为什么和谐

那一度是必要条件,不是充分条件:草地 146° 与天 243° 相隔 97°,等距点算在 14.5°,而 330°–60° 那个窗口里确实有东西——1,221 个像素、色相 39°,是散在草上的四头褐野猪。它两条通道都没付账:明度 0.31 对全图中位数 0.54,彩度 0.045 对 0.089,都只有一半上下。于是焦点整个退回给最大最亮的那块面——最艳的 4000 个像素 4000 个全在下缘那片被晒透的草坡上,色相 135°、彩度 0.182。色相挑对了还得把明度或彩度抬到中位数以上,不然那一度是白占的。

四头野猪站对了地方

330°–60° 这个 90° 宽的窗口在整幅画里只捞到 1,221 个像素,占 0.139%,色相 39°——离算出来的 14.5° 差 25°,已经是这幅画能给出的最接近的答案,而且它落在实物上:草地上那四头野猪,和它们身下翻起的一点土。除此之外这幅画没有别的外族色,290°–335° 只有 3 个像素。

站对了也可以完全看不见

单量下缘那头野猪身上的暖色像素:648 个,L 0.31、C 0.045、Cmax 0.069。全图明度中位数 0.54、彩度中位数 0.089,而它脚边的阳光草坡是 L 0.80 / C 0.135。色相账上它是整幅画唯一的外族,另外两本账上它都排最后一档,于是第一次看这张图你多半根本没注意到有野猪。强调色的色相挑对了却还是丢,先去量它的明度排在画面第几。

没人接住,焦点就归最大的那块面

最艳的 4000 个像素 4000 个都是绿,色相 135°、均值彩度 0.182,而且挤在 (0.48, 0.90) 那一小块——空地正中被阳光直射的草。绿占 64.64%,它既是最大的面又拿走了 0.199 的彩度天花板;围住空地的树冠只到 0.088,树下最暗那层只有 0.043。强调色付不起的时候,画面不会把焦点空着,它会自动发给面积最大又受光最足的那块——而你多半不想要那个结果。

带走这组颜色

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

/* Boar Habitat·晴隙 · Boar Habitat in a Clearing of Light — Teyvat Palette */
:root {
  --sky-gap: oklch(0.62 0.089 225); /* 隙天蓝 #4191ae */
  --canopy-green: oklch(0.49 0.088 160); /* 林冠绿 #2a704f */
  --deep-shade: oklch(0.36 0.043 197); /* 深荫青 #1e4445 */
  --boulder-grey: oklch(0.6 0.051 193); /* 卵石灰 #5b8a89 */
  --sunlit-meadow: oklch(0.8 0.135 129); /* 日照草 #a3cf6d */
  --boar-brown: oklch(0.31 0.045 40); /* 野猪褐 #44281f */
  --gradient-boar-habitat: linear-gradient(180deg, oklch(0.62 0.089 225) 0%, oklch(0.49 0.088 160) 18%, oklch(0.36 0.043 197) 46%, oklch(0.6 0.051 193) 70%, oklch(0.8 0.135 129) 100%);
}

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

色卡