Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
王山厅・正堂·薄青
璃月清寂肃穆陈年

王山厅・正堂·薄青

Wangshan Hall, Main Hall in Thin Teal

色卡

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

重构渐变

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

0%0d191530%4d787648%7ca99e70%324632100%152923

为什么和谐

一个色相要被认出来,门槛不在它有多艳,在于有没有第二个色相出来反驳它:这间正堂的彩度中位数只有 0.026,而判无彩的阈值是 0.025,47.66% 的像素正式算灰——它却毫不含糊地是一间青绿的堂,因为整幅画在 270°–45° 上一个像素都没有。

01

中位数只比灰高 0.001

彩度中位数 0.026,无彩阈值 0.025;99% 的像素落在 0.063 以下,全图峰值也只有 0.152。按数字这几乎是一张灰度图,可没有人会把它读成灰。同一座厅的外景〈王山厅·苔光〉彩度中位数 0.042、无彩 26.60%,是这里的 1.6 倍和一半,两幅一样毫不含糊——1.6 倍的差别不改变结论,说明拍板的不是这个数。

02

没有对手,才是它成立的原因

对整幅画搜 270°–45°,一个像素都没有;330°–90° 这个暖色窗口里最艳的 3% 只剩 8 个像素,均值 86°、彩度 0.097;蓝带 0.19%。剩下的全部关在 90°–210° 里:绿带 19.90%(142°)、青带 32.22%(179°),再加 47.66% 的无彩,一百个百分点就花完了。〈塞洛海原·水光〉的彩度中位数 0.131 是这里的 5 倍,读作「一片水绿」的确定程度并不比这里高——两幅共有的不是彩度,是排他。

03

连灯都被收编了

台缘那一排铜灯和阶前那一盏是屋里仅有的火光,也是全图的彩度峰值 0.152:最亮的 4000 个像素里有 35 个落在 (0.46, 0.61) 的那盏灯上,L 0.83,比光柱打在台面上的 0.75 还高。可它们实测 94°,是黄绿不是琥珀——整间堂里唯一有资格反驳的东西,自己站进了同一族。要守住一个低彩度的色调,危险从来不在大面积,在那几个又小又亮的点光源;把它们的色相也收编进来,0.026 就够撑起一整幅画,而放进一块饱和的对手色,同样的 0.026 立刻塌回灰。

带走这组颜色

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

/* 王山厅・正堂·薄青 · Wangshan Hall, Main Hall in Thin Teal — Teyvat Palette */
:root {
  --hall-teal: oklch(0.26 0.028 173); /* 薄堂青 #152923 */
  --lit-terrace: oklch(0.7 0.052 177); /* 台面青 #7ca99e */
  --shaft-beam: oklch(0.54 0.047 193); /* 柱光 #4d7876 */
  --vine-green: oklch(0.37 0.042 145); /* 藤绿 #324632 */
  --lantern-flame: oklch(0.72 0.108 94); /* 灯焰 #bba34f */
  --hall-ink: oklch(0.2 0.019 171); /* 堂壁墨 #0d1915 */
  --gradient-wangshan-hall-main-hall: linear-gradient(180deg, oklch(0.2 0.019 171) 0%, oklch(0.54 0.047 193) 30%, oklch(0.7 0.052 177) 48%, oklch(0.37 0.042 145) 70%, oklch(0.26 0.028 173) 100%);
}

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