挪德卡莱幽邃湿润生机

烟硌山峰·洞光

Ashveil Peak, Cavern Glow

色卡

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

重构渐变

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

0%05151240%08624572%048266100%38bb59

为什么和谐

光和颜色可以是两个来源:洞里最亮的一片是洞口,全图最亮的 4000 个像素有 2903 个落在那儿(L 0.79),而它的彩度是 0.034——正好等于全图的彩度中位数;真正有颜色的东西离洞口最远,水面浮叶实测 L 0.70、彩度 0.178。开口只负责亮,颜色是长出来的。

最亮的开口一点颜色都不给

洞口是右侧一道被垂藤和吊花遮去大半的竖缝,缝前站着一个人影;从那里进来的天光是画面唯一的外部光源。它统治了亮度——最亮的 4000 个像素有 2903 个在 (0.72, 0.52),均值 L 0.79——却完全不带颜色:那批像素彩度 0.034,和全图 0.034 的彩度中位数一模一样,洞口整块区域也只有 L 0.61、彩度 0.030,连它自己最艳的 3% 都只到 0.081。最亮的地方并不比平均更有颜色。

颜色是长出来的,不是照出来的

彩度最高的一批全在水面那丛浮叶上,位置 (0.45, 0.71),离洞口最远、天光一点也照不到,实测 L 0.70、彩度 0.178,峰值 0.199;左上垂下来的铃状花与藤叶同样自己亮,L 0.69、彩度 0.137、色相 117°。岩石本身是真的不出颜色:右侧洞壁 L 0.18、彩度 0.024,穹顶 L 0.18、彩度 0.025,都压在 0.025 的灰阈值上。合辙驿那幅室内也是这样的岩与木——75.1% 无彩、彩度中位数 0.011——但它的颜色全部从两处开口借来;这里开口自己就没有颜色,于是颜色只剩「自己长」这一条来路。

两种光的价目表

天光管辖的那部分是青带 17.35%(彩度 0.037)加蓝带 13.59%(彩度 0.046),合计 30.94% 的面积,刚刚越过灰阈值;生物光管辖的绿带占 36.15%,均值彩度 0.073、峰值 0.199。面积几乎相同,彩度差两到四倍——这就是两种光的价目表。而它并不需要多高的绝对值:洞外那幅〈暮霭〉彩度中位数 0.084,光源要爬到 0.209 才被看成在发光;这里中位数只有 0.034,0.178 就够。发光是天花板与地板的比值,不是天花板的高度。想让暗色界面里的某样东西「有颜色」,别去调环境光,让它自己发光,并且先把地板压低。

带走这组颜色

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

/* 烟硌山峰·洞光 · Ashveil Peak, Cavern Glow — Teyvat Palette */
:root {
  --cavern-rock: oklch(0.18 0.024 179); /* 洞岩灰 #051512 */
  --daylight-gap: oklch(0.79 0.034 238); /* 隙光白 #a7bece */
  --lilypad-glow: oklch(0.7 0.178 148); /* 浮萍绿 #38bb59 */
  --hanging-bell: oklch(0.69 0.137 117); /* 垂铃黄 #96a634 */
  --pool-moss: oklch(0.44 0.091 164); /* 潭苔青 #086245 */
  --rift-blue: oklch(0.51 0.05 221); /* 洞口蓝 #456d7a */
  --gradient-lunar-treasury-ashveil-peak-location-context: linear-gradient(180deg, oklch(0.18 0.024 179) 0%, oklch(0.44 0.091 164) 40%, oklch(0.54 0.105 171) 72%, oklch(0.7 0.178 148) 100%);
}

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

色卡