
Great Hall of Truths by Brazier Light
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
有色的光,「离得远」记在彩度上,不记在明度上——前提是那块地本来就是这束光的色相。衡准大厅的地面取四处:火盆正下方 彩度 0.036 / L 0.32,斜下方 0.034 / 0.36,左下角 0.026 / 0.33,中轴末端 0.020 / 0.34——明度四处的极差只有 0.04,彩度却对半掉,而且最远那一格已经跌到无彩阈值 0.025 以下。〈舒茨铁铺·炉光〉量到的明度同样平(三处 ΔL 全在 0.05 内),但那片地本来是日光的青,差额只能记在色相上(194° / 190° / 49°);这里地面本来就是火的暖,色相没得可换。画一盏灯照亮的地面,先看那块地的固有色是不是灯的色相:是就只动彩度,不是就只动色相,两种情况都别去动明度。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 衡准大厅·焰照 · Great Hall of Truths by Brazier Light — Teyvat Palette */
:root {
--vault-violet: oklch(0.24 0.044 273); /* 穹顶紫 #181d34 */
--hall-haze: oklch(0.38 0.057 267); /* 殿霾紫 #354161 */
--mechanism-cyan: oklch(0.77 0.126 203); /* 机关青 #23cbd8 */
--flame-core: oklch(0.84 0.118 70); /* 焰心黄 #fcbd71 */
--brazier-red: oklch(0.6 0.122 18); /* 铜盆红 #be5f64 */
--terracotta-floor: oklch(0.35 0.032 38); /* 阶前赭 #4a352e */
--gradient-great-hall-of-truths: linear-gradient(180deg, oklch(0.24 0.044 273) 0%, oklch(0.38 0.057 267) 30%, oklch(0.77 0.126 203) 46%, oklch(0.84 0.118 70) 60%, oklch(0.6 0.122 18) 70%, oklch(0.35 0.032 38) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。