枫丹昼清冷端整沉静

蒸汽鸟报·蓝荫

The Steambird in Blue Shade

色卡

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

重构渐变

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

0%6882b816%698dc742%2a5d8362%3f7f9082%247965100%8b7e8f

为什么和谐

一幅外景也可以只有一束光。这里没有一块直射的日面,照着它的只有不在画框里的那片天:门楣上那行鎏金铭文实测 264°,和它身后那面灰石塔壁一模一样,柏树 218°、草坪 174°、正门那扇「青绿」大窗 244°——树、草、金、石全落进 174°–264° 里,蓝带独占 58.55%,绿只剩 2.52%。「有没有天花板」不是这条尺的刻度,「有几束色温不同的光」才是。

金字和石壁,同一个色相

正门门楣上那行鎏金铭文实测色相 264°、彩度 0.046;它身后隔着整个庭院的灰石塔壁是 264°、彩度 0.088,右侧的石墙也是 264°。而枫丹招牌的青绿大窗,在 `165°–210°` 这个青色窗口里整块只有 9 个像素,26,728 个全部落在 `210°–270°`、均值 244°——它读作青绿,量出来是蓝。唯一的光源是天,天的色相就是这幅画的色相。

6,750 个像素,不属于任何东西

`300°–360°` 在这里有 6,750 个像素,是〈「公爵」办公室·绿沉〉那 44 个的 153 倍——听起来这一族活得好好的。可最大的一撮 1,913 个落在下缘那段米色石阶上,彩度只有 0.031,不到全图中位数 0.059 的一半;而画里真正该是暖色的那枚鎏金鸟徽,它自己的矩形里 `30°–90°` 只留下 850 个像素、彩度 0.030。判断一族色相还在不在,别数像素,量它最艳的那一撮是不是长在一件东西上。

在室外不算数

同城同日的〈莱舒的发条工坊·晴影〉有两束光——右上角被曝掉的直射日面(明度 0.99、彩度 0.002)和左侧塔影里 285° 的天光——八条色相带全部越过 1%,`300°–360°` 有 33,648 个像素;这里只有天光一束,只剩五条,6,750 个。两张都在室外,同一片枫丹的天。所以这条尺量的从来不是墙的有无,是光源的个数:少一束,色轮就折一半。

带走这组颜色

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

/* 蒸汽鸟报·蓝荫 · The Steambird in Blue Shade — Teyvat Palette */
:root {
  --tower-blue: oklch(0.61 0.088 264); /* 塔石蓝 #6882b8 */
  --dome-blue: oklch(0.64 0.096 260); /* 穹顶蓝 #698dc7 */
  --glass-blue: oklch(0.46 0.083 244); /* 窗玻璃蓝 #2a5d83 */
  --cypress-blue: oklch(0.56 0.07 218); /* 柏影蓝 #3f7f90 */
  --lawn-cyan: oklch(0.52 0.086 174); /* 草青 #247965 */
  --step-blush: oklch(0.61 0.031 319); /* 阶石粉 #8b7e8f */
  --gradient-the-steambird: linear-gradient(180deg, oklch(0.61 0.088 264) 0%, oklch(0.64 0.096 260) 16%, oklch(0.46 0.083 244) 42%, oklch(0.56 0.07 218) 62%, oklch(0.52 0.086 174) 82%, oklch(0.61 0.031 319) 100%);
}

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

色卡