Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
八重堂·天青
稻妻昼晴烈轩敞清冷

八重堂·天青

Yae Publishing House under an Open Sky

色卡

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

重构渐变

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

0%2964a836%65836a55%33243f74%354960100%c0b4b0

为什么和谐

焦点可以三项输两项:屋檐下那三幅樱纹暖帘明度 0.29,比全图中位数 0.48 还低 0.19,彩度 0.053 不到天的一半(0.124)——它仍是整幅画唯一被记住的东西,因为在 39.12% 无彩加 49.95% 蓝的场里,309° 离最近的邻居(天,254°)有 55°。〈霜月·地照〉那道熔光起码还是亮的(L 0.66);这里连明度也交了出去。色相上的孤立,一项就够。

01

暖帘什么都不赢,只赢色相

三幅暖帘实测 10,423 个像素,L 0.29、彩度 0.053、色相 309°。同一幅画里天是 L 0.50、彩度 0.124、254°,前景石板地是 L 0.78、彩度 0.015。暖帘在明度上排最后一档,彩度不到天的一半——它唯一独占的是那 55° 的色相距离。〈霜月·地照〉的熔光占 0.24%、彩度 0.063 也不是最高的,可它 L 0.66 是亮的;八重堂把这条规则推到底,焦点连明度都可以输掉。

02

为什么 55° 就够:场里没有第二个候选

屋檐深处那片完全见不到天的木构色相 245°,和头顶的天(254°)只差 9°,彩度却只剩 0.021。把视平线以下所有落在 210°–270° 的像素合起来量,74,563 个,均值 L 0.40、彩度 0.046、色相 252°——整栋房子登记在天的名下。剩下的候选也都出局:绿瓦只占 2.39%,15°–90° 的暖像素全画一共 0.15%、均值彩度 0.033。一个色相要当孤例,先得让场统一到没有第二个人能提名。

03

最艳的一点不在暖帘上

全图彩度峰值 0.227,落在左缘一幅红布上——那一小块 330°–30° 的像素只有 261 个,L 0.65、彩度 0.115、色相 352°,比暖帘艳一倍还多,你却不会盯着它看。暖帘有 10,423 个像素,是它的四十倍。色相上的孤立要生效,还得先够到一个最小面积;把强调色调得更艳,永远不如把它铺得够大。

带走这组颜色

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

/* 八重堂·天青 · Yae Publishing House under an Open Sky — Teyvat Palette */
:root {
  --open-sky: oklch(0.5 0.124 254); /* 天青 #2964a8 */
  --eave-shadow: oklch(0.4 0.046 252); /* 檐影蓝 #354960 */
  --dark-post: oklch(0.3 0.021 245); /* 墨柱 #252f38 */
  --noren-violet: oklch(0.29 0.053 309); /* 樱纹紫 #33243f */
  --tile-green: oklch(0.58 0.052 150); /* 苔瓦绿 #65836a */
  --sunbleached-stone: oklch(0.78 0.015 39); /* 晒白石 #c0b4b0 */
  --gradient-yae-publishing-house: linear-gradient(180deg, oklch(0.5 0.124 254) 0%, oklch(0.58 0.052 150) 36%, oklch(0.29 0.053 309) 55%, oklch(0.4 0.046 252) 74%, oklch(0.78 0.015 39) 100%);
}

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