稻妻昼静寂素净疏淡

木漏茶室·日隐

Komore Teahouse against the Sun

色卡

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

重构渐变

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

0%dcd9df20%37425942%67808062%1e273480%101b58100%6b4b6d

为什么和谐

太阳进了画框,画里就没有一个面朝着它:日轮那一撮 3,986 个像素 L 1.00、彩度 0.001,而屋顶 261°、木墙 259°、石径 262°、天 263° 全部收在 4° 里,42.28% 的像素落在无彩阈值以下,彩度天花板 0.133 是本批四张最低的。每一种材质都只剩背光那一个色相位置,樱也不例外——全图 315°–345° 只有 4,206 个像素、0.48% 的画面,而〈御温泉·耀昼〉的樱冠里受光半占 40.9%。逆光不是一种光,是把画面的受光半整个删掉。

四样材质,四度之内

左上角那块还留着颜色的天 L 0.38、彩度 0.042、色相 263°;日轮右侧被漂淡的天 L 0.72、彩度 0.036、263°——明度走了 0.34,色相和彩度一动不动。往下:茶室的瓦顶 L 0.28、彩度 0.057、261°,逆光的木墙与格栅 L 0.27、彩度 0.027、259°,门前那片石径 L 0.37、彩度 0.049、262°。天、瓦、木、石四样材质的色相收在 259°–263° 的四度里,全图 40.91% 的像素落在蓝带上。没有一个面被直射光照到时,所有材质都退回同一个环境色,彼此的差别只剩明度。

樱只剩地上那两千六百个像素

石径左端撒着一层落瓣。取那块矩形的两个窗口:270°–315° 有 24,177 个像素,L 0.43、彩度 0.035、色相 285°;315°–345° 只有 2,626 个,L 0.46、彩度 0.067、325°——受光半占 9.8%。本批另外两张是 30.3% 与 40.9%,〈秋沙钱汤·樱昼〉是 5.2%。同一族花瓣、同一对色相位置,受光半一归零,它就不再是画面里的一个颜色。删掉一个颜色最省的办法不是把它调灰,是让光从它背后来。

最艳的一块比画面的一般处还暗

全图最艳的 3% 均值 L 0.45、彩度 0.094、色相 247°;而最艳的那一簇 3,129 个像素落在店门口那幅染蓝的暖帘上,L 0.26、彩度 0.111、269°,比全图明度中位数 0.34 还低 0.08。本批另外三张最艳的一簇都在自己的中位数之上(0.43 对 0.32、0.56 对 0.43、0.52 对 0.47),只有这张是负的。没有受光半,颜色就只能由自带颜料的东西提供,而它们全在阴面。逆光构图别指望光给你颜色,先把该有颜色的东西染上色。

带走这组颜色

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

/* 木漏茶室·日隐 · Komore Teahouse against the Sun — Teyvat Palette */
:root {
  --hidden-sun: oklch(0.89 0.008 310); /* 隐日白 #dcd9df */
  --upper-sky: oklch(0.38 0.042 263); /* 高天蓝 #374259 */
  --backlit-timber: oklch(0.27 0.027 259); /* 檐下绀 #1e2734 */
  --dyed-noren: oklch(0.26 0.111 269); /* 暖帘蓝 #101b58 */
  --garden-pine: oklch(0.58 0.029 196); /* 庭松青 #678080 */
  --fallen-petal: oklch(0.46 0.067 325); /* 落瓣粉 #6b4b6d */
  --gradient-komore-teahouse-outside: linear-gradient(200deg, oklch(0.89 0.008 310) 0%, oklch(0.38 0.042 263) 20%, oklch(0.58 0.029 196) 42%, oklch(0.27 0.027 259) 62%, oklch(0.26 0.111 269) 80%, oklch(0.46 0.067 325) 100%);
}

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

色卡