
Lokapala Jungle in the Shade
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
调解人可以没有面积,但不能占多数:护世森那条青带色相 185°,正卡在绿 155° 与蓝 229° 中间(两侧 30° 与 44°),彩度 0.075 也正好落在 0.095 与 0.072 之间——调解人的每一条它都满足,只差一条,它占了 48.95%。于是全图彩度中位数 0.072、明度中位数 0.57,画面没有主色。〈风啸山坡·晴荫〉那条松林带只占 12.08%,〈珉林·云白〉那块白几乎没有面积;而〈龙脊雪山·秋雪〉能铺到 39.47%,是因为那块底是无彩的——一块灰再大也不会变成主色,一条有色相的调解人会。
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,原图、色卡与色值都在里面——存下来直接发。