Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
护世森·蔽日
须弥昼幽闭潮湿沉静

护世森·蔽日

Lokapala Jungle in the Shade

色卡

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

重构渐变

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

0%6eabc530%458f8658%316b8482%6cb084100%6cbf63

为什么和谐

调解人可以没有面积,但不能占多数:护世森那条青带色相 185°,正卡在绿 155° 与蓝 229° 中间(两侧 30° 与 44°),彩度 0.075 也正好落在 0.095 与 0.072 之间——调解人的每一条它都满足,只差一条,它占了 48.95%。于是全图彩度中位数 0.072、明度中位数 0.57,画面没有主色。〈风啸山坡·晴荫〉那条松林带只占 12.08%,〈珉林·云白〉那块白几乎没有面积;而〈龙脊雪山·秋雪〉能铺到 39.47%,是因为那块底是无彩的——一块灰再大也不会变成主色,一条有色相的调解人会。

01

最大的两块,彩度差 0.003

青带 48.95% / 彩度 0.075,蓝带 41.64% / 彩度 0.072:九成的画面由两条相邻色相带对半分掉,而它们的彩度只差 0.003。明度倒是分得开(0.60 对 0.50),可那是「蕈台顶上受光、台下背光」的分工,不是主次。三处完全不同的东西量出来是三个几乎一样的读数——中景那片蕈台(0.30, 0.55 起)205° / 0.075,左侧崖体(0.00, 0.55 起)209° / 0.071,上方岩壁(0.55, 0.05 起)201° / 0.067。看画的人找不到该看哪里,就是这个原因。

02

唯一逃掉的是脚边那块草

全图最艳的 4000 个像素有 3252 个落在 120°–150°,重心在 (0.78, 0.90)——画框右下角那片没被雾罩住的草坡,均值彩度 0.151,全图峰值 0.173 也在那儿。把同一种草坡挪到最远处量:左上角那条远山带里落进 90°–165° 的绿只剩 1610 个像素,色相 152°、彩度 0.053,和近处那块的 145° 只差 7°,彩度却掉了一半还多(0.111 → 0.053)。雾在这幅画里收的是彩度,不是色相——所以色域一点没缩,缩掉的是「谁是主角」。

03

灰的特权是它没有色相

〈龙脊雪山·秋雪〉铺了 39.47% 的无彩去隔开三个相隔百度以上的色相,面积和护世森这条 48.95% 的青带差得并不多,可那张画有主色,这张没有。差别在于那 39.47% 没有色相立场,而这里的 48.95% 有,它是 185°:职责一旦扩张到多数,调解人就同时成了画面的身份,而它天生是最不出声的那一档。挑调解人先看面积——超过对半,要么把它换成无彩,要么另找一块面当主色。护世森留的后路只有脚边那 8.87% 的绿。

带走这组颜色

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

/* 护世森·蔽日 · Lokapala Jungle in the Shade — Teyvat Palette */
:root {
  --far-ridge-haze: oklch(0.71 0.073 226); /* 远岭霭 #6eabc5 */
  --mist-cyan: oklch(0.6 0.075 185); /* 谷雾青 #458f86 */
  --under-shade: oklch(0.5 0.072 229); /* 荫底蓝 #316b84 */
  --platform-green: oklch(0.7 0.095 155); /* 台顶绿 #6cb084 */
  --near-verdure: oklch(0.73 0.151 142); /* 脚边翠 #6cbf63 */
  --gradient-lokapala-jungle: linear-gradient(180deg, oklch(0.71 0.073 226) 0%, oklch(0.6 0.075 185) 30%, oklch(0.5 0.072 229) 58%, oklch(0.7 0.095 155) 82%, oklch(0.73 0.151 142) 100%);
}

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