须弥昼澄澈开阔湿润

道成林·雨霁

Avidya Forest, Clearing after Rain

色卡

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

重构渐变

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

0%58a6de22%5cafdc45%79bee274%4996a3100%71b385

为什么和谐

想让空气显得厚,别往远处加灰——数一数暖色还剩几个像素。道成林的 315°–45°(90° 宽)在全图零像素,300°–60°(120° 宽)只捞到 3 个,而无彩(C<0.025)只有 0.38%:它一块灰都没铺。画里那两条穿林土路实测色相 210° 与 218°,和天顶那条天的 242° 是同一族。厚度是删出来的,不是调出来的。

土路是青的,木屋也是

从大树根部那片木屋木桥往右,两条土路横过林地:靠中间那一段(0.40, 0.72 起)实测 L 0.63 / 彩度 0.078 / 色相 210°,右边那一段(0.63, 0.78 起)是 L 0.57 / 0.081 / 218°。它们在画里是黄土色的,量出来却和天同族。全图 315°–45° 这 90° 宽的窗口零像素;把窗口再放宽到 300°–60° 的 120°,也只有 3 个像素、均值彩度 0.031。〈明冠山地·素昼〉用 345°–45° 只剩 2 个像素证明过一条色相带可以全空;道成林把窗口拓宽到 90° 仍然是零。不是把暖色调淡,是让它一个都不剩。

灰只有 0.38%,雾却是画里最大的一件东西

同一把尺(bench 的 C<0.025)量下来,道成林的无彩是 0.38%,〈桓那兰那·绿昼〉那张「不用灰的和谐」是 1.43%。可桓那兰那靠的是把彩度分出主从——绿 0.131 对青 0.059,两倍多;道成林三条色相带的彩度是绿 0.095 / 青 0.076 / 蓝 0.094,极差只有 0.019,主从根本没分。它把预算全花在面积上:蓝带 79.59%、青带 14.48%、绿带 5.53%。谷底那片雾实测 232° / 彩度 0.087,是一大片有色相的面,不是一层白纱。想画雾,先决定它的色相,别先决定它有多白。

连最近的一格也不留原色

〈须弥城·青昼〉留过一条:队尾必须留一块没被天空改造过的本地色,否则读不出「越远越贴天」——它右下角那片草坡色相 148° / 彩度 0.124,全图峰值 0.170 也在那里。道成林没有留:画框最下缘那块草丘(0.06, 0.86 起)实测色相 184°,已经出了绿带;在这块矩形里做 90°–165° 的搜索,只捞到 3288 个像素,不到它的两成。全图最艳的 4000 个像素反而有 3822 个落在右缘那道最远的山脊上,均值 253° / 彩度 0.137,全图峰值 0.165 也在那儿,而天顶那条天的峰值只到 0.118。参照物交出去之后,纵深得换个东西来说;这张说它的方式,就是那 90° 的空窗。

带走这组颜色

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

/* 道成林·雨霁 · Avidya Forest, Clearing after Rain — Teyvat Palette */
:root {
  --cleared-sky: oklch(0.7 0.113 242); /* 霁空蓝 #58a6de */
  --far-ridge: oklch(0.61 0.137 253); /* 远岭深蓝 #4085d3 */
  --tree-town: oklch(0.72 0.104 234); /* 树城青 #5cafdc */
  --valley-haze: oklch(0.77 0.087 232); /* 谷雾蓝 #79bee2 */
  --path-cyan: oklch(0.63 0.078 210); /* 土径青 #4996a3 */
  --near-slope: oklch(0.71 0.095 153); /* 近坡绿 #71b385 */
  --gradient-avidya-forest: linear-gradient(180deg, oklch(0.7 0.113 242) 0%, oklch(0.72 0.104 234) 22%, oklch(0.77 0.087 232) 45%, oklch(0.63 0.078 210) 74%, oklch(0.71 0.095 153) 100%);
}

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

色卡