须弥昼敞亮薄霾安稳

下风蚀地·薄晴

Land of Lower Setekh in Thin Daylight

色卡

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

重构渐变

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

0%d0d9fd26%def2fd46%c699a960%7866c476%8f5b7c88%b28178100%ad754b

为什么和谐

最艳的一块归影子,不归光:最亮的 4000 个像素彩度上限只有 0.007,最艳的 4000 个像素却蹲在 L 0.57,而全图明度中位数是 0.74。太阳是白的,天是 274° 的紫——两个光源一白一有色时,想找画面里最饱和的地方,别看太阳照到哪,看太阳照不到哪。

最亮的地方一点颜色都没有

全图最亮的 4000 个像素里有 3999 个挤在同一格 (0.92, 0.43):L 1.00、彩度上限 0.007。那是右侧山谷收进霾里的地平线,整块量下来 L 0.95、C 0.026。这幅画的直射光是白的,它落在哪儿就把哪儿的彩度冲掉一点——中景那座大蘑菇岩被照到的顶面 L 0.73、彩度 0.058,比全图彩度中位数 0.062 还低。

有颜色的光只有一束,来自天

整片天 274°、L 0.89、彩度 0.051。背光的面没有第二个光源可用,于是全部倒向紫端:左侧那面崖壁 L 0.54、彩度 0.081、色相 342°,最艳的 3% 已经走到 315°;右侧崖壁 L 0.56、彩度 0.086,最艳的 3% 到 296°、彩度 0.119。全图最饱和的 4000 个像素里 3844 个落在 270°–300°,均值彩度 0.141、明度 0.57,峰值 0.172——离它唯一的光源不到 22°。影子不是把颜色减掉,是换了一盏灯。

多出来的 0.051 全发给了影

被太阳照到的最艳的一块是下缘的前景沙丘,L 0.61、彩度 0.091、57°,比背光崖面的 0.141 低了三分之一;连谷底村落里那些条纹凉棚——全画最想被看见的东西——峰值也只有 0.117。上风蚀地是同一片岩、同一个太阳,彩度天花板 0.121;这里 0.172,多出来的 0.051 一克都没发给光。要一块高饱和又不想把它调假,先给它一个只被有色光源照到的位置,比直接拧高它自己的饱和度真实得多。

带走这组颜色

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

/* 下风蚀地·薄晴 · Land of Lower Setekh in Thin Daylight — Teyvat Palette */
:root {
  --hazed-sky: oklch(0.89 0.051 274); /* 霾天紫 #d0d9fd */
  --backlit-violet: oklch(0.57 0.141 290); /* 背光紫 #7866c4 */
  --cliff-shadow-rose: oklch(0.54 0.081 342); /* 崖影粉 #8f5b7c */
  --bleached-horizon: oklch(0.95 0.026 232); /* 曝白地平 #def2fd */
  --sunlit-caprock: oklch(0.73 0.058 356); /* 受光岩顶 #c699a9 */
  --near-dune-gold: oklch(0.61 0.091 57); /* 近丘金 #ad754b */
  --village-clay: oklch(0.65 0.063 30); /* 村土橙 #b28178 */
  --gradient-land-of-lower-setekh: linear-gradient(180deg, oklch(0.89 0.051 274) 0%, oklch(0.95 0.026 232) 26%, oklch(0.73 0.058 356) 46%, oklch(0.57 0.141 290) 60%, oklch(0.54 0.081 342) 76%, oklch(0.65 0.063 30) 88%, oklch(0.61 0.091 57) 100%);
}

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

色卡