
Lost Nursery, a Break in the Mist
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 200°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
铺一块大中性面之前,先问它是材质还是空气——办法是量同一样东西的近端和远端。失落的苗圃那片白盆地近端实测 彩度 0.024 / L 0.81,远端 0.016 / L 0.79;同一批的〈达马山·尘幕〉,同一片砂岩近端 0.056 / L 0.63,最远那道脊 0.019 / L 0.82。材质的灰在最近的位置就已经是灰,空气的灰要走到最远才是。所以苗圃的无彩 37.19% 是达马山 16.43% 的 2.3 倍,彩度天花板 0.139 反而高出 0.052:材质的灰随便铺,空气的灰每铺一成,全画的彩度上限就掉一档。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 失落的苗圃·雾隙 · Lost Nursery, a Break in the Mist — Teyvat Palette */
:root {
--bone-basin: oklch(0.81 0.024 73); /* 盆地骨白 #cbbfb0 */
--far-basin: oklch(0.79 0.016 183); /* 远盆青灰 #b0bebb */
--dead-timber: oklch(0.73 0.013 244); /* 枯木灰 #a1a9af */
--rock-spine: oklch(0.7 0.021 294); /* 石脊灰 #9f9cab */
--slope-grass: oklch(0.79 0.111 111); /* 坡草绿 #bdc16a */
--valley-mist: oklch(0.77 0.07 233); /* 谷雾蓝 #87bcda */
--gradient-lost-nursery: linear-gradient(200deg, oklch(0.77 0.07 233) 0%, oklch(0.79 0.016 183) 26%, oklch(0.7 0.021 294) 44%, oklch(0.73 0.013 244) 58%, oklch(0.81 0.024 73) 76%, oklch(0.79 0.111 111) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。