Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
觉王之殿·月白
须弥夜幽邃润泽肃静

觉王之殿·月白

Fane of Ashvattha, Moonpale

色卡

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

重构渐变

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

0%021b2922%b5ecfb50%0f3a5072%125a46100%40ab58

为什么和谐

夜不是把白天调暗,是把半个色轮删掉:觉王之殿的明度中位数 0.32 是同批四座殿里最高的——它比洞里的生命之殿 0.25 还亮——却是唯一一张不用解释就读作夜的。差别记在色相账上:全图 270°–90° 一个像素都没有,连左右两株看着是褐色木头的大树实测都是 220° 和 223°。剩下的 95.81% 全部关进 90°–270° 这半个色轮里。想画夜,先决定哪半个色轮不许出现,再谈明度。

01

褐色的树是蓝的

左缘那株大树实测 L 0.22 / 色相 220°,右缘那株 L 0.25 / 223°,右侧那根横过画面的粗枝 L 0.29 / 218°——三根都读作褐色木头,三根都落在蓝里。按〈明冠山地·素昼〉的口径搜整幅画的 270°–90°,那是经红、橙、黄的一整个半圆,结果是「nothing matched」:一个像素都不到无彩阈值。那篇 60° 宽的窗口里还有 2 个像素,这张 180° 宽的窗口里是 0。木头的固有色是暖的,只有当照明里完全没有暖分量时它才交得出来。画夜景最难删的从来不是天空,是那些你以为「本来就是那个颜色」的东西——木头、砖、皮肤,它们得跟着一起交出色相。

02

它是四张里最亮的一张

四座殿的明度中位数是生命之殿 0.25、酣乐之殿 0.30、君王之殿 0.30、觉王之殿 0.32;明度额度(p99 减自身中位数,算法同〈白露区·澄昼〉)是 0.34 / 0.39 / 0.37 / 0.45,这张两项都排第一。它比三个洞窟都亮,却是四张里唯一一眼就是夜的。机制在于「暗」是相对的而色相账不是:一张明度中位数 0.32 的画可以是黄昏、是阴天、是洞里、是水下,但只要 270°–90° 是空的,它就只能是夜。判断一张夜景够不够夜,别去看直方图的左边,去数暖像素。

03

剩下那半个色轮要用满

删掉一半不等于降级成单色:剩下的 180° 里,绿 16.58%、青 18.87%、蓝 60.36% 合计 95.81%,无彩只剩 4.19%,一档没空。而两个极值被分给了这段的两端——最亮的 4000 个像素里有 2478 个落在白树顶那一格(L 0.91 / 彩度 0.059 / 色相 217°),最艳的一撮在它脚下的草坡(L 0.66 / 彩度 0.155,全图峰值 0.187 / 色相 148°),两者相隔 69°。同一束月光,落在高反射率的树皮上交出明度,落在叶面上交出彩度;而反射终究付不起发光的价钱——这张的彩度额度 0.073,只有酣乐之殿那两朵自发光的花 0.173 的四成二。限制色域之后别再省:把剩下那一段铺满,再把最亮的和最艳的分别放到它的两端。

带走这组颜色

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,原图、色卡与色值都在里面——存下来直接发。