稻妻昼明净开阔岚气

神无冢·岚昼

Kannazuka in Hazy Daylight

色卡

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

重构渐变

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

0%51a1d522%8081ea42%4e80a562%5db2b280%5099a1100%459ec1

为什么和谐

蓝紫的浓度只能拿明度去换,青绿不必——所以一张不肯变暗的蓝色画,注定是淡的。神无冢是四张稻妻里明度地板最高的一张(L p01 0.50),它最浓的 3% 蓝停在 L 0.63、彩度 0.122;〈兵库·底光〉把同一个 210°–270° 窗口沉到 L 0.42,同一族蓝就涨到 0.211。买不起浓度的这张改用面积付账:青 17.19% 加蓝 77.93%,九成五的画面是同一件事。

绿带只剩半个百分点

满岛都是草坡,90°–165° 的绿带却只有 0.51%、4,516 个像素。前景台地那片草实测 L 0.71、彩度 0.082、色相 196°,中景高台上的草已经是 215°——它们全被空气推进了青带和蓝带。于是这幅画能动用的色相只剩 165°–270° 这一段,而这一段正是要拿明度换浓度的那一段。想估一个画面浓不浓,先数它手上还剩几个便宜的色相。

0.10% 的秽气和 77.93% 的蓝一样高

中央台地缺口里那团秽气,取 270°–315° 最浓的 3%,实测 L 0.65、彩度 0.155、色相 281°;整条紫带只占 0.10%,峰值 0.175。而铺满七成八画面的蓝带,峰值是 0.177——两者打平。天花板不是面积买来的:蓝铺了七成八,也没能比一小团紫更浓。淡色方案里想要一个焦点,别去加主色的饱和度(它已经被自己的明度封顶了),换一小块面去另一个色相。

下缘那几道金沙里没有一个暖像素

画面下缘的汀线读上去是被晒白的金沙,取那块矩形做 330°–90° 搜索返回 nothing matched;它实测 L 0.64、彩度 0.074、色相 204°。全图 330°–90° 一共 454 个像素(0.05%),均值彩度 0.030。四张里〈八酝岛·青穹〉是 84 个、〈兵库·底光〉是零、只有〈Chouji's House·朗昼〉有 22,634 个——而那张恰好是唯一把主色押在绿上的一张。冷场越干净,你就越只能在贵色相里挑颜色;要留一块真正浓的颜色,先留一块青绿的地。

带走这组颜色

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

/* 神无冢·岚昼 · Kannazuka in Hazy Daylight — Teyvat Palette */
:root {
  --open-sky: oklch(0.68 0.11 240); /* 天青 #51a1d5 */
  --miasma-violet: oklch(0.65 0.155 281); /* 秽紫 #8081ea */
  --cliff-shadow: oklch(0.58 0.079 242); /* 崖影蓝 #4e80a5 */
  --haze-meadow: oklch(0.71 0.082 196); /* 岚草青 #5db2b2 */
  --sandbar-teal: oklch(0.64 0.074 204); /* 沙洲青 #5099a1 */
  --lagoon-blue: oklch(0.66 0.099 227); /* 汀蓝 #459ec1 */
  --gradient-kannazuka: linear-gradient(180deg, oklch(0.68 0.11 240) 0%, oklch(0.65 0.155 281) 22%, oklch(0.58 0.079 242) 42%, oklch(0.71 0.082 196) 62%, oklch(0.64 0.074 204) 80%, oklch(0.66 0.099 227) 100%);
}

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

色卡