
Fane of Ashvattha, Moonpale
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
夜不是把白天调暗,是把半个色轮删掉:觉王之殿的明度中位数 0.32 是同批四座殿里最高的——它比洞里的生命之殿 0.25 还亮——却是唯一一张不用解释就读作夜的。差别记在色相账上:全图 270°–90° 一个像素都没有,连左右两株看着是褐色木头的大树实测都是 220° 和 223°。剩下的 95.81% 全部关进 90°–270° 这半个色轮里。想画夜,先决定哪半个色轮不许出现,再谈明度。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 觉王之殿·月白 · Fane of Ashvattha, Moonpale — Teyvat Palette */
:root {
--moonpale-bough: oklch(0.91 0.059 217); /* 月白树 #b5ecfb */
--moss-slope: oklch(0.66 0.155 148); /* 苔坡绿 #40ab58 */
--glade-cyan: oklch(0.42 0.077 169); /* 林隙青 #125a46 */
--ruin-blue: oklch(0.33 0.06 236); /* 残垣蓝 #0f3a50 */
--ironwood-blue: oklch(0.22 0.03 220); /* 铁干蓝 #081e24 */
--canopy-night: oklch(0.21 0.042 237); /* 冠隙夜 #021b29 */
--gradient-fane-of-ashvattha: linear-gradient(180deg, oklch(0.21 0.042 237) 0%, oklch(0.91 0.059 217) 22%, oklch(0.33 0.06 236) 50%, oklch(0.42 0.077 169) 72%, oklch(0.66 0.155 148) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。