璃月昼空濛辽远清透

沉玉谷·南陵·晴雾

Chenyu Vale: Southern Mountain in Bright Mist

色卡

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

重构渐变

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

0%50bfef14%d7f6f534%acf3fb52%cdb1c372%579a72100%227183

为什么和谐

明度画的是远近,色相的「数量」才画得出主次:97.12% 的像素挤在 165°–270° 这一族里,明度从雾中远峰的 L 0.92 单调降到前排山脊的 L 0.51——这条阶梯说得清哪层远,说不出该看哪层。指认主角的是第二条阶梯:全图 751 个暖像素,750 个只落在 y 0.35–0.55 那一条横带上,中景因此成了唯一凑齐三个色相家族的一层。

明度只肯说远近

雾里的远峰 L 0.92,中景主峰 L 0.76,前排山脊 L 0.51——一条干净的距离函数,越近越暗。可是彩度不跟着走:同样这三块测得 0.071、0.098、0.079,最高的是中景,两头都低。所以明度告诉你哪一层远,却没告诉你该看哪一层;这是两件事,得分开两把尺子办。

暖色只住在中间那条带

315°–45° 的暖像素全图只有 751 个,均值 339°、彩度 0.041,比蓝色岩面的 0.093 还低。它们是中景山脊上那十来丛桃色花树——左边围着一小片屋舍,中间围着一段石砌残墙和一条上山的土路。y 0.35 以上一个都没有,y 0.55 往下也只剩 1 个,750 个全挤在中间那条占画高五分之一的横带里。它们不是靠彩度赢的:赢在让中景成为全画唯一有第三个色相家族的一层。

绿是第二把尺子

绿(90°–165°)全图 21,178 个像素,画面上 45% 只占 47 个;而彩度最高的 4,000 个像素里,3,945 个属于这一族。远峰是不带第二色相的剪影,草冠只长在走得到的那两层上——「这一层允许有几个色相家族」于是成了独立于明度的第二把尺子:远景 1、中景 3、近景 2。〈绝云间·晨雾〉在同一片喀斯特里用明度阶梯做空气透视,这张也照做了,区别是它还得再要一把尺子才说得出主角站在哪。做纵深别只拧明度:把最远那层压到一个色相,再给主角那层多发一个家族。

带走这组颜色

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

/* 沉玉谷·南陵·晴雾 · Chenyu Vale: Southern Mountain in Bright Mist — Teyvat Palette */
:root {
  --cloud-crown: oklch(0.95 0.032 196); /* 云顶白 #d7f6f5 */
  --distant-ridge: oklch(0.92 0.071 205); /* 远峰青 #acf3fb */
  --valley-sky: oklch(0.76 0.121 230); /* 谷天蓝 #50bfef */
  --blossom-pink: oklch(0.79 0.041 339); /* 花树粉 #cdb1c3 */
  --ridge-grass: oklch(0.63 0.092 156); /* 崖顶草绿 #579a72 */
  --near-ridge-stone: oklch(0.51 0.079 216); /* 近脊石青 #227183 */
  --gradient-chenyu-vale-southern-mountain: linear-gradient(180deg, oklch(0.76 0.121 230) 0%, oklch(0.95 0.032 196) 14%, oklch(0.92 0.071 205) 34%, oklch(0.79 0.041 339) 52%, oklch(0.63 0.092 156) 72%, oklch(0.51 0.079 216) 100%);
}

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

色卡