须弥昼蓊郁清透丰沛

阿陀河谷·清昼

Ardravi Valley, Clear Day

色卡

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

重构渐变

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

0%c8f4fd14%67b4e646%569eb474%54ae71100%6fc843

为什么和谐

一片天进了画框,不等于它就拿走了彩度的名次——那要看这片天有多艳。阿陀河谷的天实测彩度 0.106,而画框最下缘那块草丘 0.189,全图峰值 0.206 就在那里,最艳的 4000 个像素 4000 个都落在它身上。〈万种母树·旱晴〉的干空气把天推到 0.165,地上最好的一样东西只有 0.097,天赢得毫无悬念。想让近景当彩度的主角,不是给近景加饱和度,是把天压淡。

四千个像素,一个不漏在脚下

全图最艳的 4000 个像素全部落在 120°–150° 这一格,重心在 (0.61, 0.97)——画框最下缘那片开着白花的草丘,正是视点站着的地方。单量那一条(0.55, 0.94 起)是 L 0.76 / 彩度 0.164 / 色相 140°,峰值 0.203 也在这里;而上缘那片天只有 0.106,河谷远端的山脊 0.079。最艳的一档既不在光里也不在远处,在脚底下。要画一个「你就站在这里」的外景,把彩度的顶发给画框最下缘那一条,别发给天。

空气收走了一半,天花板一动没动

同一片草坡从近到远量三次:下缘彩度 0.164 / 色相 140°,中景坡 0.126 / 152°,河谷远端 0.079 / 221°——空气一样收走了一半以上的彩度,色相也被折走了 81°。可全图的天花板还是 0.206,因为它坐在最近的那一格上,而那一格前面什么都没站。露天的彩度上限不是「这片空气有多厚」,是「最近的那块地前面还站着什么」。也正因为这片空气自己有色相,远处是被折算进天的 239°、不是被漂白:全图无彩(C<0.025)只有 0.10%。

读作绿谷,其实 62.42% 是蓝

全图只有三条色相带:蓝 62.42%、青 23.47%、绿 14.00%,而 270°–90° 这 180° 宽的窗口全图只有 8 个像素。面积上蓝是压倒性的,可谁都会叫这幅画绿谷——绿带的均值彩度 0.129 是蓝带 0.080 的 1.6 倍,而且几乎全压在下半幅。面积归空气,彩度归脚下。想让一个色相定义一幅画,给它彩度和位置就够了,面积可以全部让出去。

带走这组颜色

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

/* 阿陀河谷·清昼 · Ardravi Valley, Clear Day — Teyvat Palette */
:root {
  --valley-grass: oklch(0.75 0.189 137); /* 谷底草绿 #6fc843 */
  --slope-moss: oklch(0.68 0.126 152); /* 坡脊苔绿 #54ae71 */
  --far-ridge-cyan: oklch(0.66 0.079 221); /* 远脊青 #569eb4 */
  --valley-sky: oklch(0.74 0.106 239); /* 谷天蓝 #67b4e6 */
  --cloud-rim: oklch(0.94 0.047 211); /* 云缘白 #c8f4fd */
  --gradient-ardravi-valley: linear-gradient(180deg, oklch(0.94 0.047 211) 0%, oklch(0.74 0.106 239) 14%, oklch(0.66 0.079 221) 46%, oklch(0.68 0.126 152) 74%, oklch(0.75 0.189 137) 100%);
}

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

色卡