挪德卡莱幽闭潮润微芒

帕哈岛·窟光

Paha Isle by Cavern Glow

色卡

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

重构渐变

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

0%0d102d26%27315144%879cc166%29466d100%b961aa

为什么和谐

没有天光时环境色由什么接管,这一批给出了三个答案,这一篇答的是纵深那根轴:〈沙虫隧道·沙照〉说色相归光不归材质,〈烟硌山峰·洞光〉说光和颜色分家,而这里的支点是明度这根杠杆已经被「离光多远」占满——由近及远四层岩的明度 0.26 → 0.22 → 0.24 → 0.32 折返了两次,同一批岩的彩度 0.076 → 0.068 → 0.057 → 0.059 一路不回头,纵深只好整个改挂到彩度上。

两处光一样亮,只有一处有颜色

全图最亮的 4000 个像素分成两堆:2,957 个落在中景那道被岩檐压扁的窄缝上 (0.35, 0.45),平均 L 0.82、彩度 0.055;687 个落在左下角那顶从内部亮起来的菌盖上 (0.09, 0.71),L 0.81、彩度 0.141。明度只差 0.01,彩度差 2.6 倍。眼睛没有一秒犹豫就把菌盖读成近光、把窄缝读成远光——空气吃彩度,不吃亮度。想让同一个空间里的两处光分出远近,别去调亮度,先把近的那处调艳。

明度记的是离光多远

压在画面顶上那片岩檐离镜头最近,却是全图最暗的面(L 0.19);窄缝旁边最远的那块岩反而最亮(L 0.32)。由近及远四层量下来,明度 0.26 → 0.22 → 0.24 → 0.32 折返两次,彩度 0.076 → 0.068 → 0.057 → 0.059 单调下降,色相全程关在 282° 到 270° 之间。〈绝云间·晨雾〉把空气透视做成一条 0.36 → 0.92 的明度阶梯,〈诺思托伊区·雾昼〉用明度 0.72 → 0.87 和彩度 0.106 → 0.079 两条反向梯度——两篇都还有明度这根杠杆可用;洞里没有,天光不来,明度只够记录谁被照到了。同批另外两幅洞窟被占满的是别的通道:〈沙虫隧道·沙照〉的同一种砂岩从受光的柱面到洞顶,色相单调走了 47°、彩度掉到四分之一(引其正文),色相在那里是光的读数;〈烟硌山峰·洞光〉的洞口彩度 0.034 正好等于全图的彩度中位数(引其正文),最亮的地方连颜色都不给。同样是没有天光的空间,先量哪一根通道已经被光源用掉,再把纵深挂到还空着的那一根上。

全部的彩度只买了一朵菌菇

紫带 65.71%(279°、彩度 0.066)加蓝带 28.52%(263°、0.064)占掉 94.23% 的画面;粉带只有 4.91%,彩度 0.132,是它们的两倍。全图最艳的 4000 个像素有 3,999 个落在 330°–360°(均值 339°、彩度 0.173、峰值 0.232),全在那顶菌盖和它挑起的一串细杆顶灯上。右下那片看着被踩实的暖沙实测 296°;右侧垂下来那串看着黄绿的藤蔓,所在矩形里落进 60°–180° 的像素只有 633 个(164°、彩度 0.032,刚过灰阈值);整幅画落进 15°–90° 的像素一共 19 个。地面那篇〈帕哈岛·暮霞〉彩度中位数 0.107、明度中位数 0.51,这里是 0.062 和 0.23——同一座岛,主色相只从 286° 挪到 279°,两个通道却都砍掉四成以上。彩度既然是这幅画唯一的纵深通道,就不能到处发。

带走这组颜色

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

/* 帕哈岛·窟光 · Paha Isle by Cavern Glow — Teyvat Palette */
:root {
  --vault-violet: oklch(0.19 0.057 274); /* 洞檐紫 #0d102d */
  --near-wall: oklch(0.26 0.076 282); /* 近壁紫 #1f1d47 */
  --far-rock: oklch(0.32 0.059 270); /* 远岩紫 #273151 */
  --far-slot: oklch(0.69 0.06 262); /* 窄缝光 #879cc1 */
  --cap-glow: oklch(0.62 0.145 334); /* 菌盖粉 #b961aa */
  --spire-blue: oklch(0.51 0.079 260); /* 晶簇青 #4b6693 */
  --floor-rill: oklch(0.39 0.076 257); /* 底流 #29466d */
  --gradient-lunar-treasury-paha-isle-location-context: linear-gradient(200deg, oklch(0.19 0.057 274) 0%, oklch(0.32 0.059 270) 26%, oklch(0.69 0.06 262) 44%, oklch(0.39 0.076 257) 66%, oklch(0.62 0.145 334) 100%);
}

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

色卡