
The Arsenal, Lit from Below
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
蓝紫的浓度是拿明度买来的,而这张付到了底:整幅画明度中位数压到 0.34,而后 210°–270° 最浓的 3% 才换到彩度 0.211——是〈神无冢·岚昼〉在 L 0.63 上那 0.122 的一倍半还多。可同一个洞里,谷底那 1,121 个青色像素在 L 0.84 上就有 0.141。同一束光、同一块地,青绿在明度 0.84 上拿到的东西,蓝紫要跌到 0.42 才拿得到:代价是按色相收的,不是按画收的。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 兵库·底光 · The Arsenal, Lit from Below — Teyvat Palette */
:root {
--spore-violet: oklch(0.39 0.194 272); /* 菌紫 #292caa */
--vault-mauve: oklch(0.3 0.05 264); /* 岩顶紫 #212d47 */
--blue-cap: oklch(0.45 0.151 265); /* 蓝菌 #2b4da8 */
--dark-grass: oklch(0.32 0.113 260); /* 暗草蓝 #0a2f6b */
--stream-blue: oklch(0.59 0.16 249); /* 溪蓝 #0981d7 */
--underglow-cyan: oklch(0.84 0.141 204); /* 底光青 #17e4f5 */
--gradient-the-arsenal: linear-gradient(180deg, oklch(0.3 0.05 264) 0%, oklch(0.39 0.194 272) 34%, oklch(0.45 0.151 265) 54%, oklch(0.32 0.113 260) 70%, oklch(0.59 0.16 249) 88%, oklch(0.84 0.141 204) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。