Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
主控制大厅·幕光
空阔冷幕沉眠

主控制大厅·幕光

Main Control Hall, Curtain of Light

色卡

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

重构渐变

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

0%302c3420%76819548%5eb1e564%29325c82%314f71100%22243c

为什么和谐

一片光把自己摊开的时候,先交出去的是彩度,不是明度:光幕从根部往上五级实测 L 0.73 / 0.61 / 0.61 / 0.61 / 0.60,彩度却从 0.111 一路掉到 0.081 / 0.049 / 0.037 / 0.034。所以由「一片光」定下的彩度天花板必然低——这幅画的峰值 0.150 就落在光幕根部,而它照到的台座只有 0.138、两侧洞壁只有 0.053 与 0.031,没有一件实物出得起价。暗场里想保住彩度上限,别指望那片光,给它一样自己有颜色的东西去照。

01

光散开,先掉的是彩度

顺着那道光幕从根往上取五级,实测 L 0.73 / 0.61 / 0.61 / 0.61 / 0.60,彩度 0.111 / 0.081 / 0.049 / 0.037 / 0.034,色相 238° / 251° / 259° / 263° / 263°。中间三级明度纹丝不动,彩度却掉到三分之一,色相同时往紫走了 25°。所以「越往上越淡」这件事在数值上根本不是变暗,是褪色——画一团扩散的光,别去修它的明度梯度,修它的彩度梯度;明度那一档留着不动,雾感反而更实。

02

两个极值锁在同一片光上

彩度峰值 0.150 落在光幕根部:最艳的 4000 个像素有 2885 个是 255°,重心 (0.55, 0.52);而最亮的 4000 个像素有 3506 个也在那里,重心 (0.53, 0.52) 与 (0.61, 0.53)。被这束光照到的东西一件也接不住:正对光幕的台座 L 0.33 / 彩度 0.075、峰值 0.138,左侧洞壁 L 0.30 / 0.016(整片压在无彩线以下)、峰值 0.031,右侧洞壁 L 0.26 / 0.034、峰值 0.053。〈绿洲峡谷·缝光〉的天花板掉到 0.084,原因也是光只落在裸岩上;这里没掉那么狠,是因为光源自己在画框里替裸岩报了价——报的是它散开之前的那一格。

03

整张色轮只住着一族

有彩的像素只剩两条带:蓝 41.16%(均值 257°)与紫 35.91%(280°),加上 22.86% 的无彩,99.93% 的画面就说完了。345°–165° 这个 180° 宽的窗口全图只有 12 个像素;前景那片人人都会叫它青苔的地面,两块矩形实测 253° 与 261°,在它身上搜 90°–200° 返回「什么都没有」。一个色源,而且是散开的那种,天花板就只有 0.150——同批另外三张的天花板落在一簇火焰、一面彩窗、一丛受光灌木上,是 0.207、0.203、0.196,近四分之一的差。而这一张既不是最暗的(明度中位数 0.30,高于〈沃陆之邦秘藏之所·幽炬〉的 0.27),也不是最亮的(p99 0.72,对〈诸界秘展之厅·星霞〉的 0.98)。天花板不由光有多亮定,也不由灰有多少定,由那束光最后落在什么东西上定;落不到东西上,它就只能自己认领,而那是全画最便宜的一个报价。

带走这组颜色

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

/* 主控制大厅·幕光 · Main Control Hall, Curtain of Light — Teyvat Palette */
:root {
  --vault-brown: oklch(0.3 0.016 308); /* 洞壁褐 #302c34 */
  --arch-violet: oklch(0.27 0.045 280); /* 岩拱紫 #22243c */
  --curtain-crest: oklch(0.6 0.034 263); /* 幕梢白 #768195 */
  --curtain-core: oklch(0.73 0.111 238); /* 幕心蓝 #5eb1e5 */
  --dais-blue: oklch(0.33 0.075 273); /* 台座青 #29325c */
  --floor-lichen: oklch(0.42 0.068 253); /* 地衣蓝 #314f71 */
  --gradient-main-control-hall: linear-gradient(180deg, oklch(0.3 0.016 308) 0%, oklch(0.6 0.034 263) 20%, oklch(0.73 0.111 238) 48%, oklch(0.33 0.075 273) 64%, oklch(0.42 0.068 253) 82%, oklch(0.27 0.045 280) 100%);
}

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