Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
天目锻冶屋·亭午
稻妻昼和煦匀净烟火气

天目锻冶屋·亭午

Amenoma Smithy at High Noon

色卡

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

重构渐变

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

0%6197cd18%bd84a842%62815a62%46504778%c5573c100%99887d

为什么和谐

三分天下有两种买法:黄 20.46%(72°)、蓝 20.05%(246°)、绿 14.64%(137°),三条带极差 5.82 个百分点,而无彩只有 31.34%——比〈冒险家协会(璃月)·秋阳〉少花 11.04 个百分点的灰,靠的是把彩度天花板从 0.142 压到 0.118。无彩的面积和彩度的上限是同一笔钱的两种付法,可以各付一半;代价记在焦点上,店里那簇炉火最艳的 84 个像素才 0.147,刚够越过全图 p99。

01

少买一成的灰,压低两分的天花板

〈冒险家协会(璃月)·秋阳〉用 42.38% 的无彩买到黄 17.30%、绿 15.89%、蓝 18.70% 的三分天下,极差 2.81 个百分点,彩度 p99 0.142。这里无彩只有 31.34%,三条带 20.46% / 20.05% / 14.64%,极差 5.82——多出来的那 11.04 个百分点的颜色没有让画面吵起来,因为 p99 同时降到了 0.118。灰的面积和彩度的上限买的是同一件东西,你可以只拧一个,也可以两个各拧一半;拧法不同,买到的『平』就不一样平。

02

天花板压的是上限,不是差距

每条色带内部照旧分主从,而且分得很开。绿带里两片瓦顶实测 L 0.57、彩度 0.069、色相 139° 与 140°(左右两栋一模一样),右边那面大崖是 L 0.42、彩度 0.020、146°——同族,彩度差三倍半。蓝带里屋脊上方的天是 0.099,而屋檐以下 45,611 个蓝像素只有 L 0.39、彩度 0.039。整幅画的彩度中位数 0.038 落得比八重堂(0.039)还低一点,可它有八条色带在动。压低天花板不会让画面变平,它只是不让任何一档冲出去。

03

铁匠铺里最不显眼的就是火

檐下炉膛那簇火,最艳的 3% 只有 84 个像素,L 0.59、彩度 0.147;同族的暖像素(15°–60°)全画 27,309 个,均值彩度只有 0.035。而这幅画的彩度 p99 是 0.118——全场唯一的自发光体只比一般上限高出 0.029。三分天下把额度平摊掉之后,焦点就没有钱可花了。想给画面留一个焦点,先别把天花板压到平:平摊出来的和谐,是拿唯一那簇火换的。

带走这组颜色

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

/* 天目锻冶屋·亭午 · Amenoma Smithy at High Noon — Teyvat Palette */
:root {
  --tile-green: oklch(0.57 0.069 139); /* 苔瓦绿 #62815a */
  --high-sky: oklch(0.66 0.099 250); /* 高天蓝 #6197cd */
  --sunlit-stone: oklch(0.64 0.026 56); /* 晒石黄 #99887d */
  --cliff-grey: oklch(0.42 0.02 146); /* 崖苍 #465047 */
  --slope-sakura: oklch(0.68 0.085 341); /* 坡樱 #bd84a8 */
  --forge-ember: oklch(0.59 0.147 35); /* 炉火橙 #c5573c */
  --gradient-amenoma-smithy: linear-gradient(180deg, oklch(0.66 0.099 250) 0%, oklch(0.68 0.085 341) 18%, oklch(0.57 0.069 139) 42%, oklch(0.42 0.02 146) 62%, oklch(0.59 0.147 35) 78%, oklch(0.64 0.026 56) 100%);
}

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