蒙德昼素净层叠幽寂

明冠山地·素昼

Brightcrown Mountains in Plain Daylight

色卡

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

重构渐变

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

0%9cdbfa28%6daece55%467c9578%609b9a100%79b39f

为什么和谐

框也可以是提亮出来的:四缘明度 0.87 / 0.71 / 0.71 / 0.65 无一例外站在中心 0.61 的亮侧,而同样四条边的彩度 0.075 / 0.066 / 0.063 / 0.074 把中心的 0.066 夹在中间——四条边在同一根轴上一致地离开中心,才叫框;骑跨在中心两侧的那根轴只是地形起伏。

四条边一致站在亮侧

上缘 L 0.87、下缘 0.71、右缘 0.71、左缘 0.65,而正中那块 0.3×0.3 是 0.61:最小的一档也高出 0.04,最大的高出 0.26;四个角 0.88 / 0.85 / 0.74 / 0.64 同样一个不漏地在亮侧。常见的暗角是压暗四缘、把眼睛推向中心,这张反着做,读起来照样是框。四缘落在中心的哪一侧不重要,四条边落在同一侧才重要。

彩度骑跨中心,所以它不是框

四缘的彩度是 0.075 / 0.066 / 0.063 / 0.074,中心 0.066——两条在上、一条持平、一条在下。横切十条量下来,彩度全程只在 0.057–0.082 之间摆了 0.025,而明度从 0.86 掉到 0.56 再回升到 0.72。色相更没得挑:全画落在 345°–45° 的像素一共 2 个,红与橙两条带是空的,剩下蓝 60.58% / 绿 18.45% / 青 10.30% 三档紧挨着。三根轴里两根出局,框只能由明度画。〈苍风高地·晴穹〉是镜像的一张:那里明度骑跨中心(四缘 0.69 / 0.59 / 0.72 / 0.61 对 0.70),画框的是彩度。

上缘是空气,下缘是水

画面从下往上码了六七层台地,每层是一片绿草顶加一堵灰岩壁;中段那几堵岩壁的阴面全压在这里,实测 L 0.56。上缘的亮来自远山之上的大气雾带(L 0.87、色相 229°),下缘的亮来自那潭被石桥劈开的碧水(L 0.75、色相 167°)和它的浅岸(L 0.69、彩度 0.046)。一片空气和一潭水在画里毫无关系,却因为落在明度的同一侧而合成了一个框。做框不必凑同一种材质,只要它们在同一根轴上给出同一侧的数。

带走这组颜色

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

/* 明冠山地·素昼 · Brightcrown Mountains in Plain Daylight — Teyvat Palette */
:root {
  --haze-vault: oklch(0.87 0.074 229); /* 雾穹白 #a1defb */
  --far-ridge: oklch(0.81 0.086 234); /* 远岭蓝 #88cbf0 */
  --mesa-green: oklch(0.77 0.078 143); /* 台顶绿 #97c294 */
  --cliff-shadow: oklch(0.56 0.061 231); /* 崖影蓝 #4e7b92 */
  --pool-teal: oklch(0.75 0.059 167); /* 潭青 #8abaa6 */
  --pale-shore: oklch(0.69 0.046 171); /* 浅岸青 #7fa597 */
  --gradient-brightcrown-mountains: linear-gradient(180deg, oklch(0.86 0.077 229) 0%, oklch(0.72 0.081 230) 28%, oklch(0.56 0.069 229) 55%, oklch(0.65 0.062 194) 78%, oklch(0.72 0.067 171) 100%);
}

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

色卡