挪德卡莱霾重空旷余温

虚海望·霞霭

Voidsea Outlook in Glowing Haze

色卡

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

重构渐变

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

0%5e5c8022%6f628045%7d667c72%906f80100%a37a77

为什么和谐

「离光多远」可以整条记在色相账上:天顶同一条高度上从右到左实测 287° → 304° → 327° → 346°,再落到左侧地平线的那团辉光 24°,一共走了 97°;同一段路明度只从 0.49 涨到 0.62,彩度在 0.043 和 0.058 之间打转,极差 0.015。〈大日御舆·白芒〉把同一张「离光多远」的地图画在彩度上(从日轮往外 0.005 涨到 0.058),这里那根轴上没钱可花——全图彩度 99 分位只有 0.075——于是方向改由色相来说。

四条色带是一条弧

粉 27.64%、红 25.40%、紫 23.24%、橙 13.41%,四条相邻的色带各占十几到二十几个百分点,合起来 89.69% 的画面。它们的明度是 0.50 / 0.55 / 0.47 / 0.56,彩度是 0.039 / 0.042 / 0.047 / 0.050——四条之间彩度只差 0.011。所以眼睛不会把它们数成四个颜色,只会读成一片会转向的空气。要让一大片低彩度的面「有光的方向」,先把彩度锁死,再让色相单向走。

路、崖、机械都是天气

脚下那条石板路实测 353°、L 0.43、彩度 0.032;右边托着那台起重机械的崖面 344°、L 0.44、彩度 0.038——两样都坐在天空那条弧上,于是它们读起来是天气的一部分,而不是两件另外的东西。全画真正出弧的只有山坡上那几片草:45°–165° 一共 48,084 个像素、5.22%,最艳的 4000 个像素里有 3879 个落在 30°–120°,位置全在画面下缘 (0.33–0.63, 0.78–0.83) 的坡地上。而 190°–280° 这一整段青蓝到紫蓝,全画只有 133 个像素——这幅看着很冷的画里几乎没有一个蓝色。

草不靠更艳,靠不在弧上

那几片草实测彩度 0.055、明度 0.50,和背光那半边天空的 0.058 / 0.49 分毫不差,它却是全画唯一一眼看得见的颜色——它在 57°,离弧的暖端还有 33°。全图彩度中位数 0.044、99 分位 0.075、峰值 0.121,明度 1 分位到 99 分位统共只有 0.33:两根通道都窄成这样,「离光多远」这张地图只能画在色相上。下次画一片薄霾,先量彩度和明度还剩多少空间,谁还宽裕就把「光在哪边」交给谁;要往霾里插一样东西,也别加饱和度,把它挪出那条弧就够。

带走这组颜色

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

/* 虚海望·霞霭 · Voidsea Outlook in Glowing Haze — Teyvat Palette */
:root {
  --sunward-glow: oklch(0.62 0.052 24); /* 日侧霞 #a37a77 */
  --near-sun-rose: oklch(0.58 0.048 346); /* 近日粉 #906f80 */
  --mid-sky-mauve: oklch(0.54 0.043 327); /* 中天绛 #7d667c */
  --antisolar-violet: oklch(0.49 0.058 287); /* 反日紫 #5e5c80 */
  --causeway-stone: oklch(0.43 0.032 353); /* 路石粉 #5e4951 */
  --crag-shade: oklch(0.44 0.038 344); /* 崖影 #624a58 */
  --slope-grass: oklch(0.5 0.055 57); /* 坡草 #7c5b44 */
  --gradient-voidsea-outlook: linear-gradient(225deg, oklch(0.49 0.058 287) 0%, oklch(0.52 0.049 304) 22%, oklch(0.54 0.043 327) 45%, oklch(0.58 0.048 346) 72%, oklch(0.62 0.052 24) 100%);
}

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

色卡