蒙德昼高远端严开阔

西风大教堂·朗天

Favonius Cathedral under a Clear High Sky

色卡

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

重构渐变

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

0%2d85ce22%b2e9f740%5e8e8962%5c718880%c56c64100%a0a79b

为什么和谐

峰值彩度几乎不决定一幅画是什么颜色:占 0.35% 的朱幡(带内均值 0.109、峰值 0.161)在每一项彩度统计上都追平甚至压过占 70.33% 的天(0.094 / 0.163),最艳的 4000 个像素里两边均值同为 0.142——分出主色的是那一撮的体量,3,229 对 678。

幡和天,艳得一模一样

全图 330°–60° 一共只有 3,642 个像素,几乎全在两侧门洞上方垂下的那两幅朱幡上:实测 L 0.63、彩度 0.114 与 0.116、色相 26° 与 25°,峰值 0.148 与 0.161。它们的带内均值 0.109 比占了 70.33% 的蓝带的 0.094 还高,峰值 0.161 离蓝带的 0.163 只差 0.002;在最艳的 4000 个像素里,天和幡的均值同样都是 0.142。所有「谁更艳」的量法都判平手,而这毫无疑问是一幅蓝画。

教堂自己一票都没投

正面的塔身与山墙实测 L 0.52 到 0.56、彩度 0.039 到 0.048、色相 249° 到 256°——全图明度中位数 0.67、彩度中位数 0.071,这座主体在两条通道上都低于中位数,色相还和天顶那条 248° 同族。脚下的前庭铺地更彻底:L 0.72、彩度 0.020,压在 0.025 的无彩线以下,是那 19.15% 无彩的主要来源。整幅画的蓝由天的 70.33% 独家出资,居中的地标在「这是什么颜色的画」上一票都没投,它靠的是位置和对称。

焦点和主色是两件事

〈霜月·地照〉里 0.24% 的暖色彩度 0.063,比它身旁那道冷蓝的 0.072 还低,却稳稳是全图焦点——焦点由色相的孤例买单。这里的朱幡是同样的孤例,也确实是眼睛落脚的地方,可它一分主色都拿不到,因为主色由天花板附近那一撮的体量买单,3,229 对 678。要判断一套配色的性格,别用取色器比谁的峰值高:把最艳的那一撮圈出来,看它长在什么东西上、有多大。

带走这组颜色

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

/* 西风大教堂·朗天 · Favonius Cathedral under a Clear High Sky — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.6 0.138 248); /* 天顶蓝 #2d85ce */
  --cloud-white: oklch(0.9 0.059 216); /* 云背白 #b2e9f7 */
  --verdigris-spire: oklch(0.61 0.052 188); /* 铜顶青 #5e8e89 */
  --nave-stone: oklch(0.54 0.044 252); /* 教堂石 #5c7188 */
  --portal-banner: oklch(0.63 0.115 26); /* 门幡朱 #c56c64 */
  --forecourt-stone: oklch(0.72 0.02 133); /* 前庭石 #a0a79b */
  --plateau-grass: oklch(0.76 0.075 155); /* 台地草 #8bc09c */
  --gradient-favonius-cathedral-exterior: linear-gradient(180deg, oklch(0.6 0.138 248) 0%, oklch(0.9 0.059 216) 22%, oklch(0.61 0.052 188) 40%, oklch(0.54 0.044 252) 62%, oklch(0.63 0.115 26) 80%, oklch(0.72 0.02 133) 100%);
}

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

色卡