
Lamb-Devourer Rock in Rosy Haze
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
暗部的差额记在色相上,彩度就一分都不用交:吞羊岩同一堵砂岩,最深的岩缝 333° / L 0.43 / C 0.079,受日的崖面 29° / L 0.76 / C 0.080——色相走了 56°、明度走了 0.33,彩度只差 0.001。〈沙虫隧道·沙照〉里同一种砂岩也是色相单调走(47°),彩度却掉到四分之一,因为那里的光在耗尽。所以彩度掉没掉,可以反过来判断一幅画里的暗是影子还是缺光。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 吞羊岩·霞砂 · Lamb-Devourer Rock in Rosy Haze — Teyvat Palette */
:root {
--cleft-rose: oklch(0.46 0.073 333); /* 缝影粉 #70486a */
--red-wall: oklch(0.55 0.081 2); /* 赤壁红 #995d6e */
--ochre-cliff: oklch(0.7 0.084 27); /* 赭崖橙 #ce8a82 */
--sunlit-sand: oklch(0.79 0.074 63); /* 日照砂 #ddb189 */
--gate-pale: oklch(0.66 0.06 17); /* 门前白 #b48485 */
--gem-blue: oklch(0.45 0.083 257); /* 匣心蓝 #365683 */
--gradient-lamb-devourer-rock: linear-gradient(180deg, oklch(0.46 0.073 333) 0%, oklch(0.55 0.081 2) 28%, oklch(0.7 0.084 27) 62%, oklch(0.83 0.072 67) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。