蒙德昼澄澈辽远轻盈

风息山·浮云

Windrest Peak under Drifting Cloud

色卡

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

重构渐变

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

0%4582fa30%f0f6fc48%27779e72%7bc0bc100%6bcb67

为什么和谐

座位空着的第一种活法,是把焦点交给不在色轮上的东西:草坡 143° 与天 244° 相隔 101°,等距点算在 13.5°,而 330°–60° 整幅画只有 315 个像素(0.036%),彩度顶到 0.080 就没了——那一度没人坐。于是最亮的 4000 个像素里有 3937 个挤在右缘同一格云上,L 1.00、C 0.000。无彩不在色轮上,它不欠任何一族的色相账;两个大色中间空着也不要紧,一块真正的白可以从任何角度插进来。

三个候选位置一起空着

330°–60° 只有 315 个像素,再拆细:345°–15° 42 个、290°–335° 55 个、35°–75° 114 个——等距点和两个补色点全是空的。下缘草坡上那一片看着像黄花的蒲公英,量出来 2,091 个像素、色相 101°,还留在绿带里;全图 45°–90° 只占 0.06%。整幅画从上到下就是天 67.89%、雾水 9.23%、草 17.56% 三条带,一个暖色像素都不打算给。

白不必挑位置

最亮的 4000 个像素有 3937 个落在同一格 (0.8, 0.2),L 1.00 / C 0.000——右缘那一大团积云是纯白,不是「很淡的蓝」。离它一步之遥的左上角天顶是 L 0.63 / C 0.190 / 262°,最艳的 4000 个像素里 3850 个也在那儿。同一片天,一端把彩度用到 0.190,另一端交到零,中间那 101° 的空位于是不必填。没有合适的强调色相时,给一块彻底的无彩——它跟谁都不冲突,因为它没有立场。

调解人不是点缀色的替代品

165°–210° 占 9.23%,色相 192° 正落在草坡 143° 与天 244° 之间(两侧各 49° 与 52°),明度 0.76、彩度 0.070 双双压低——那是中段把地平线整个抹掉的水与水汽,〈风啸山坡·晴荫〉里那条松林带的同一个工种。但它在短弧的里面,座位在短弧的外面:调解人要离两族都近,点缀色要离两族都远。一幅画可以有其中一个而缺另一个,不要拿调解人交点缀色的差。

带走这组颜色

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

/* 风息山·浮云 · Windrest Peak under Drifting Cloud — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.63 0.19 262); /* 天顶蓝 #4582fa */
  --cumulus-white: oklch(0.97 0.01 250); /* 积云白 #f0f6fc */
  --mist-water: oklch(0.76 0.07 192); /* 雾水青 #7bc0bc */
  --island-rock: oklch(0.54 0.097 234); /* 岛岩蓝 #27779e */
  --slope-green: oklch(0.76 0.164 143); /* 坡草绿 #6bcb67 */
  --dandelion: oklch(0.9 0.134 101); /* 蒲公英黄 #f1e171 */
  --gradient-windrest-peak: linear-gradient(180deg, oklch(0.63 0.19 262) 0%, oklch(0.97 0.01 250) 30%, oklch(0.54 0.097 234) 48%, oklch(0.76 0.07 192) 72%, oklch(0.76 0.164 143) 100%);
}

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

色卡