
Aaru's Shut in White Light
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 172°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
这幅画的彩度不是光给的,是人刻上去的:全图最亮的 4000 个像素彩度只有 0.003,一片空铺石 0.039、方尖碑柱身 0.043,峰值都不过 0.075——而脚下正中那块嵌花石板,最饱和的 3% 是 0.109。光源本身没有颜色时,彩度就不再是光的属性,而成了「谁被人动过」的标记。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 阿如的倒影·白光 · Aaru's Shut in White Light — Teyvat Palette */
:root {
--bleached-sky: oklch(0.98 0.022 110); /* 曝白天光 #f9fae9 */
--haze-violet: oklch(0.69 0.034 289); /* 远霾紫 #9a98b0 */
--paving-tan: oklch(0.51 0.042 34); /* 砂砖褐 #7c5e56 */
--step-shadow: oklch(0.45 0.037 20); /* 阶影褐 #684d4d */
--inlay-gold: oklch(0.66 0.109 63); /* 嵌花金 #c18246 */
--ley-blue: oklch(0.67 0.059 215); /* 秘仪蓝 #6a9fac */
--gradient-aarus-shut: linear-gradient(172deg, oklch(0.98 0.022 110) 0%, oklch(0.69 0.034 289) 20%, oklch(0.51 0.042 34) 45%, oklch(0.45 0.037 20) 70%, oklch(0.66 0.109 63) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。