须弥昼幽深湿润静谧

善见地·雾深

Ashavan Realm, Deep in the Mist

色卡

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

重构渐变

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

0%75c1f226%50a0c655%378fab82%519f73100%c2d43d

为什么和谐

空气透视不一定是梯度,它可以只是一道门槛:善见地从最近的树冠一路量到最远的山脊,五处实测色相是 222°、224°、226°、219°、238°——整幅画的纵深只在 19° 里晃动,不成阶梯。全部的「远」由画框下缘那一步买单:那条草带 157°、左下角 139°,一步跨出 65°。〈须弥城·青昼〉靠五条等高带 230°→192° 单调走完 38° 的梯度,善见地把梯度整个省掉,只留下参照物。远近是比出来的,不是数出来的。

树冠和草丘,都没有一个绿像素

最近那两丛树冠——(0.28, 0.58) 起和 (0.60, 0.60) 起——实测 222° 与 224°,在 90°–165° 的绿色窗口里各自返回零像素。往里的那片草丘(0.40, 0.24 起)是 226°,同样零像素;右侧那道草坡 219°;最上缘那排远脊 238°。一张长满巨树的雨林,画里所有读作「绿」的东西全部落在 219°–238° 这 19° 的蓝里。全图真正的绿有 65675 个像素、占 7.13%,其中 59122 个——整整九成——挤在画面下缘 16% 那一条里;那条带以上,全画只剩 6553 个绿像素。

一步 65°,买下整幅画的纵深

下缘那条草带(0.28, 0.86 起)实测 157°,左下角那丛受光的灌木 143°、把绿色窗口单独提出来是 139° / 彩度 0.122,全图峰值 0.188 就在这一角——最艳的 4000 个像素有 3663 个落在 90°–120°,重心在 (0.08, 0.97)。它和紧挨着它的树冠 222° 之间没有过渡,是一刀切:上面全是空气的色相,下面是这块地自己的色相。而最亮的 4000 个像素里 3961 个在最上缘,L 0.93 / 彩度 0.055 / 214°。一近一远各拿一个极值,中间那 19° 就不必再解释什么。

无彩 0.08%:雾不是灰

同一把尺(bench 的 C<0.025)量下来,〈龙脊雪山·秋雪〉是 39.47%、〈风啸山坡·晴荫〉8.83%、〈珉林·云白〉6.25%,善见地是 0.08%——比最少的那个还少近八十倍,而这张画从头到尾都埋在雾里。这片雾实测色相 231°、彩度 0.096,占全图 74.08%;它越往远越亮,到最上缘是 L 0.93,却始终没有走到无彩。要一块空气感的大面,别调灰也别加白:给它一个色相钉死,只让明度往上走,再在最前面放一块没被它改造过的原色。梯度那一步可以省。

带走这组颜色

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

/* 善见地·雾深 · Ashavan Realm, Deep in the Mist — Teyvat Palette */
:root {
  --far-ridge-haze: oklch(0.78 0.103 238); /* 远脊霭 #75c1f2 */
  --valley-mist: oklch(0.67 0.096 231); /* 谷雾蓝 #50a0c6 */
  --canopy-teal: oklch(0.61 0.092 222); /* 冠影青 #378fab */
  --hill-cyan: oklch(0.68 0.095 226); /* 坡丘青 #4fa4c5 */
  --near-green: oklch(0.64 0.103 157); /* 阶前绿 #519f73 */
  --corner-verdure: oklch(0.83 0.169 116); /* 角上翠 #c2d43d */
  --gradient-ashavan-realm: linear-gradient(180deg, oklch(0.78 0.103 238) 0%, oklch(0.67 0.096 231) 26%, oklch(0.61 0.092 222) 55%, oklch(0.64 0.103 157) 82%, oklch(0.83 0.169 116) 100%);
}

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

色卡