稻妻昼清朗丰茂家常

Chouji's House·朗昼

Chouji's House in Bright Daylight

色卡

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

重构渐变

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

0%6db8e314%6bbfd434%367c7452%baa67672%959c7f100%42b172

为什么和谐

换一个色相,浓度就不必用明度买:这幅画 90°–165° 最浓的 3% 绿在 L 0.70 上是彩度 0.155,同一张画的 210°–270° 最浓的 3% 蓝要跌到 L 0.62 才有 0.124——绿又亮 0.08 又浓 0.031。所以它明度中位数在四张里第二高(0.68),彩度上限却是白昼三张里最高的(0.195)。蓝紫的浓度要拿明度换,青绿不用;一个色板浓不浓,先看它把主色押在了色轮的哪一边。

同一张画,绿比蓝又亮又浓

前景那片没有遮拦的草坡实测 L 0.68、彩度 0.138、色相 155°,峰值 0.178;把 90°–165° 最浓的 3% 单独取出来是 10,299 个像素,L 0.70、彩度 0.155、151°。同一束正午的光下,210°–270° 最浓的 3% 只有 L 0.62、彩度 0.124。〈神无冢·岚昼〉的蓝在几乎相同的明度(L 0.63)上也只能拿到 0.122——两张画的蓝一样贵,这张多的是一族便宜的。浅色方案里想要一块真正浓的颜色,把它放在青绿这一侧,别指望把蓝调艳。

全画唯一的暖色是人盖上去的

屋顶那层茅草取 15°–105° 窗口,5,065 个像素,L 0.73、彩度 0.068、色相 88°;全图 330°–90° 的暖像素 22,634 个(2.46%),均值彩度只有 0.051、峰值 0.101——不到脚下草坡的一半。屋后那面读作砂岩褐的大岩实测 L 0.54、彩度 0.072、色相 185°,同矩形做 330°–90° 返回 nothing matched。同批的〈神无冢·岚昼〉暖像素 454 个、〈八酝岛·青穹〉84 个、〈兵库·底光〉零个,只有这张有一块真暖色,而它靠的不是浓度,是「只有它是暖的」。

灰最多的一张,天花板反而最高

无彩像素 15.36%,是四张里最多的(〈神无冢〉4.22%、〈八酝岛〉1.66%、〈兵库〉0.27%),彩度上限 0.195 却是白昼三张之最。屋前那几级石阶实测 L 0.68、彩度 0.042、色相 119°——和草坡同族,浓度只剩三成;它拉低的是明度地板(p01 0.34),没有压低任何一块颜色的上限。〈达马山·尘幕〉那一组量的是灰站在纵深哪一层如何压天花板;这张补的是更前一步的事:天花板归哪个色相,在铺灰之前就已经定好了。估浓度上限,先看主色相坐在色轮哪一边,再算灰。

带走这组颜色

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

/* Chouji's House·朗昼 · Chouji's House in Bright Daylight — Teyvat Palette */
:root {
  --meadow-green: oklch(0.68 0.138 155); /* 草绿 #42b172 */
  --thatch-straw: oklch(0.73 0.068 88); /* 苫金 #baa676 */
  --cliff-teal: oklch(0.54 0.072 185); /* 崖青 #367c74 */
  --sky-blue: oklch(0.75 0.097 235); /* 天蓝 #6db8e3 */
  --far-haze: oklch(0.76 0.087 216); /* 远霭白 #6bbfd4 */
  --step-stone: oklch(0.68 0.042 119); /* 阶石青 #959c7f */
  --gradient-choujis-house: linear-gradient(180deg, oklch(0.75 0.097 235) 0%, oklch(0.76 0.087 216) 14%, oklch(0.54 0.072 185) 34%, oklch(0.73 0.068 88) 52%, oklch(0.68 0.042 119) 72%, oklch(0.68 0.138 155) 100%);
}

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

色卡