
Dainichi Mikoshi in White Glare
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
雾的彩度梯度是围着光源排的,不是围着眼睛排的:从日轮往外,明度从 0.99 一路掉到 0.46,彩度反过来从 0.005 涨到 0.058,色相从 60° 转到 247°。诺思托伊区同样一片雾,越远越亮(0.72 → 0.87)、越远越淡(0.106 → 0.079),两篇的符号正好相反——因为排序的变量换了一个。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 大日御舆·白芒 · Dainichi Mikoshi in White Glare — Teyvat Palette */
:root {
--false-sun-core: oklch(0.99 0.005 60); /* 日轮白 #fefbf8 */
--lens-streak: oklch(0.79 0.012 96); /* 芒线白 #bdbbb2 */
--spire-stone: oklch(0.88 0.021 205); /* 塔身白 #c8dcde */
--halo-mist: oklch(0.74 0.016 173); /* 晕雾青 #a1aeaa */
--far-mist: oklch(0.55 0.032 237); /* 远雾蓝 #607582 */
--corner-blue: oklch(0.58 0.054 247); /* 角雾蓝 #607e99 */
--gradient-dainichi-mikoshi: linear-gradient(180deg, oklch(0.99 0.005 60) 0%, oklch(0.79 0.012 96) 22%, oklch(0.74 0.016 173) 45%, oklch(0.55 0.032 237) 72%, oklch(0.58 0.054 247) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。