璃月昼奇崛明艳旷野

层岩巨渊·蓝雾

The Chasm in Blue Haze

色卡

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

重构渐变

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

0%2b75b432%5d98c558%ba916280%ab5c71100%6b4f3f

为什么和谐

冷暖对撞的三个旋钮是明度、彩度、面积,至少得拧开一个:这里绯粉与青蓝的彩度几乎打平(0.105 对 0.09–0.12),胜负全靠面积——青蓝 43%,粉 14%。

彩度打平,面积说话

绯树 C 0.105,蓝崖蓝天 C 0.09–0.12,对撞两端的饱和几乎相等;分出主次的是面积(43% 对 14%)。对照枫丹廷那篇——它拧的是明度旋钮,这里拧的是面积旋钮。三个旋钮全不拧,对撞就真的撞了。

石头是蓝的

崖壁实测 242°、C 0.091:岩石的固有色被谷底蓝雾整个吞掉,连近景岩块都带蓝。和千壑沙地的紫霾同一条定律——环境色来自空气,这里的空气恰好是蓝的。

琥珀是缓冲带

草甸 70°、C 0.080,既不属于粉也不属于蓝,恰好铺在两者交界的地面上。在对撞双方之间放一个第三方中间调,冲突就从「顶牛」变成「过渡」——它的面积不用大,位置要对。

带走这组颜色

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

/* 层岩巨渊·蓝雾 · The Chasm in Blue Haze — Teyvat Palette */
:root {
  --deep-sky: oklch(0.549 0.122 248); /* 晴穹蓝 #2b75b4 */
  --haze-cliff: oklch(0.658 0.091 242); /* 雾崖蓝 #5d98c5 */
  --pink-bloom: oklch(0.574 0.105 4.4); /* 绯樱粉 #ab5c71 */
  --amber-field: oklch(0.685 0.08 70.5); /* 琥珀甸 #ba9162 */
  --umber-slope: oklch(0.454 0.046 52.4); /* 褐岩 #6b4f3f */
  --gradient-the-chasm: linear-gradient(165deg, oklch(0.549 0.122 248) 0%, oklch(0.658 0.091 242) 32%, oklch(0.685 0.08 70) 58%, oklch(0.574 0.105 4) 80%, oklch(0.454 0.046 52) 100%);
}

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

色卡