
Dragon-Queller in Flat Light
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
明度用完之后,可以选择不让彩度接管——两根轴一起闭嘴,画面读到的不是塌陷,是空气。伏龙树的明度总行程只有 0.28(p01 0.63 → p99 0.91),是四张璃月高调风景里最窄的一张;而全图最艳的 4000 个像素按色相分成七组,每组的均值彩度都落在 0.103–0.107,极差 0.004。对照〈颠倒古城·微光〉:那张的明度行程更窄,只有 0.12(p01 0.18 → p99 0.30),却让 124 个像素的金以 0.119 独占天花板,于是有了主角;伏龙树谁都不许独占,于是有了雾。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 伏龙树·平光 · Dragon-Queller in Flat Light — Teyvat Palette */
:root {
--cliff-pale: oklch(0.81 0.037 226); /* 崖面白青 #a9c6d3 */
--vein-cyan: oklch(0.84 0.106 215); /* 灵脉青 #6fdcf6 */
--queller-gold: oklch(0.77 0.106 37); /* 龙木金 #ef9c84 */
--riverside-green: oklch(0.82 0.064 126); /* 河岸绿 #bacc9f */
--far-sky: oklch(0.89 0.061 241); /* 远天蓝 #b8e1ff */
--gradient-dragon-queller: linear-gradient(180deg, oklch(0.89 0.061 241) 0%, oklch(0.81 0.037 226) 26%, oklch(0.77 0.106 37) 50%, oklch(0.84 0.106 215) 70%, oklch(0.82 0.064 126) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。