
Wenut Tunnels by Sandlight
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
没有天光的地方,大面积的颜色属于光,不属于材质:同一片砂岩,正对沙地的柱面 L 0.68 / 彩度 0.102 / 56°,够不着光的洞顶 L 0.25 / 彩度 0.023 / 103°——中间一次材质都没有换,色相却单调走了 47°,彩度掉到四分之一。洞穴的「环境色」不是岩石的固有色,是光耗尽之后剩下的那个色相。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 沙虫隧道·沙照 · Wenut Tunnels by Sandlight — Teyvat Palette */
:root {
--sandlight-gold: oklch(0.62 0.092 74); /* 沙照金 #a77d43 */
--lit-pillar: oklch(0.68 0.102 56); /* 岩柱橙 #c88758 */
--dust-mote: oklch(0.84 0.103 101); /* 尘星 #d9cd7c */
--arch-underside: oklch(0.32 0.036 88); /* 拱背褐 #3a321d */
--unlit-vault: oklch(0.25 0.023 103); /* 洞顶青 #242215 */
--far-passage: oklch(0.49 0.047 119); /* 远口绿 #5d6446 */
--gradient-wenut-tunnels: linear-gradient(180deg, oklch(0.25 0.023 103) 0%, oklch(0.32 0.036 88) 42%, oklch(0.68 0.102 56) 74%, oklch(0.62 0.092 74) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。