
Main Control Hall, Curtain of Light
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
一片光把自己摊开的时候,先交出去的是彩度,不是明度:光幕从根部往上五级实测 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,没有一件实物出得起价。暗场里想保住彩度上限,别指望那片光,给它一样自己有颜色的东西去照。
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,原图、色卡与色值都在里面——存下来直接发。