须弥昏黄缄默荒疏

沙中故里·尘霭

Sand-Embraced Home in Dust Haze

色卡

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

重构渐变

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

0%9a8f6830%7d714c52%757c5074%daa433100%4a2a09

为什么和谐

空气不只是把颜色推向自己,它是整幅画色域的收束点:沙中故里的尘霾实测 94°,而画里的两族材质从两侧朝它走——同一块岩石,近处 116°、最远处 93°;同一片沙,前景 63°、最远端 86°。近处相隔 53° 的两样东西,到了远处只差 7°。要收窄一幅画的色域,不必去改物体,把介质的色相放到两族中间就够了。

两族从两侧被拉向同一个数

同一块刻着符号的大岩,近面(0.26, 0.36 起)110°、整块 116°;而最远那道崖(0.72, 0.10 起)是 93°、崖顶(0.78, 0.05 起)98°——一路朝尘霾的 94° 去,明度几乎不动(0.57 → 0.55)。沙走的是反方向:沙丘暗面(0.35, 0.85 起)63°,中段(0.72, 0.55 起)78°,最远端(0.80, 0.50 起)86°。〈死兆星·薄雾〉量的是单向的那一半——那张画的天是 239°,船体 92.5% 的像素被推到 210°–270°;这里介质的色相坐在两族中间,于是两边一起被拉过来。

这笔账几乎全记在色相上

收束不靠掉彩度:那块岩从近到远 C 0.064 → 0.055,沙从近到远 0.065 → 0.063,极差是 0.009 与 0.002,而色相各走了 23°。明度也不担这笔账——岩的近远只差 0.02。尘霾自己是画里最不出声的一档:天(0.35, 0.02 起)L 0.65 / C 0.056,那 41,472 个像素的峰值只有 0.062,不到全图天花板 0.154 的一半;可它同时是画里最亮的一大块面。「不出声」是彩度的事,不是明度的事。

190° 的空窗,五种颜色

代价是色域:`190°–20°` 这个 190° 宽的窗口全图零像素,放宽到 210°(`180°–30°`)也只有 1 个像素,240°(`165°–45°`)只有 42 个;99.64% 的画面挤在 45°–165° 的 120° 里。〈觉王之殿·月白〉那条 180° 全空曾是全库最狠的一档,〈灵石·孤光〉的 255° 是上限——沙中故里在一幅露天风景里做到 190°。而看画的人照样读出橙沙、青岩、褐天、黄草、白刻痕:色名的数量和色相的跨度没有关系。想让一堆素材看上去属于同一个地方,别去统一它们的色相,给它们一层共同的空气。

带走这组颜色

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

/* 沙中故里·尘霭 · Sand-Embraced Home in Dust Haze — Teyvat Palette */
:root {
  --dust-veil: oklch(0.65 0.056 94); /* 尘霭 #9a8f68 */
  --carved-rock: oklch(0.57 0.064 116); /* 碑岩青 #757c50 */
  --sun-struck-sand: oklch(0.75 0.138 81); /* 日炙沙 #daa433 */
  --deep-sand: oklch(0.32 0.065 63); /* 沉沙褐 #4a2a09 */
  --far-wall: oklch(0.55 0.055 93); /* 远壁 #7d714c */
  --gradient-sand-embraced-home: linear-gradient(180deg, oklch(0.65 0.056 94) 0%, oklch(0.55 0.055 93) 30%, oklch(0.57 0.064 116) 52%, oklch(0.75 0.138 81) 74%, oklch(0.32 0.065 63) 100%);
}

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

色卡