须弥昼幽翠润湿屏息

雨的尽头·翠荫

The Rain's End in Green Shade

色卡

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

重构渐变

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

0%08262b22%446a7640%196f6858%619d6172%8d977f86%4ab3d7100%2a7839

为什么和谐

把主光源整个裁出画框,彩度天花板一分不损失,损失的是明度的上端:雨的尽头是这批四张里唯一看不见主光源的一幅,最亮的 4000 个像素全部落在地面的光斑上(L 0.83–0.84),L p99 只有 0.72,而它的天花板 0.156 与把天窗留在画里的〈镇灵监牢·穹照〉(0.161)、把火盆留在画里的〈衡准大厅·焰照〉(0.164)同档,极差 0.008。天花板认的是被照到的那块面,不认光。不想让画面出现刺眼的白、又要它看起来有光,就把光源移出画框只留一块受光的地——彩度不必打折,让出去的只是明度轴的顶端。

天花板长在草上,不在光上

空地上那块被照到的草实测 L 0.64 / 彩度 0.108 / 色相 144°,Cmax 0.156 就是全图的天花板;最艳的 4000 个像素有 3596 个落在 120°–150°、均值 L 0.74 / 彩度 0.128、重心 (0.42, 0.61),正是那块光斑本身。画里不是没有会发光的东西——左下那丛荧草在最亮的 4000 里占 531 个(L 0.89 / 彩度 0.046),枯枝上那颗灯珠最浓的 3% 是 L 0.72 / 0.108——但照亮这片空地的那束光一次都没有露面。给暗场定彩度上限时,该量的是「光落在哪块面上」,不是「光有多亮」。

74.62% 是青蓝,而它读作绿林

普查里 165°–270° 占 74.62%(青 47.51% + 蓝 27.11%),绿只有 16.90%。同一片植被按受光量取六处:L 0.64 / 彩度 0.108,0.51 / 0.080,0.49 / 0.078,0.32 / 0.053,0.25 / 0.048,0.25 / 0.036——彩度掉到三分之一,和明度一起走,是照不到的材质而不是空气挡的。所以「绿」不是这片林子的颜色,是它被照到的那六分之一的名字。想让一片暗色植被读作绿,不必整片提饱和度;照亮六分之一,剩下的五分之六可以一直暗到 0.036。

一条没有一个暖色像素的土路

穿过空地那条读作黄土的小径,取三处实测 L 0.64 / 彩度 0.030 / 128°,0.66 / 0.036 / 126°,0.67 / 0.040 / 110°——是绿的,彩度不到旁边受光草的三分之一。而全图 330°–90° 只有约 970 个像素(0.11%),最浓的 3% 那 29 个也才彩度 0.068。一幅让人确信外面是晴天的画,拿不出一个暖色像素:太阳不在画里,「有太阳」这件事全部由那块光斑和这条比邻居亮 0.13 的浅色带演完。〈埃尔顿海沟·幽昼〉在 54.58% 的蓝底上把 145° 的黄绿捧成金子,靠的是色相的名次;这里连名次都不必争——把光源裁出画框之后,「暖」和「亮」由同一块面兼任。

带走这组颜色

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

/* 雨的尽头·翠荫 · The Rain's End in Green Shade — Teyvat Palette */
:root {
  --canopy-shadow: oklch(0.25 0.036 211); /* 冠影蓝 #08262b */
  --gap-mist: oklch(0.5 0.047 220); /* 隙雾蓝 #446a76 */
  --misted-shrub: oklch(0.49 0.078 187); /* 雾中灌 #196f68 */
  --sunpatch-green: oklch(0.64 0.108 144); /* 日痕绿 #619d61 */
  --path-pale: oklch(0.66 0.036 126); /* 径土白 #8d977f */
  --seelie-blue: oklch(0.72 0.108 224); /* 兰灯蓝 #4ab3d7 */
  --glowbulb-teal: oklch(0.51 0.124 147); /* 荧草青 #2a7839 */
  --gradient-the-rains-end: linear-gradient(180deg, oklch(0.25 0.036 211) 0%, oklch(0.5 0.047 220) 22%, oklch(0.49 0.078 187) 40%, oklch(0.64 0.108 144) 58%, oklch(0.66 0.036 126) 72%, oklch(0.72 0.108 224) 86%, oklch(0.51 0.124 147) 100%);
}

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

色卡