
Pairidaeza Canyon in a Sliver of Light
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
暗场里加光不等于加颜色:绿洲峡谷是这批四张里被照得最亮的一幅——最亮的 4000 个像素有 2680 个 L 0.94、1108 个 L 0.95——彩度天花板却只有 0.084,是另外三张 0.156 / 0.161 / 0.164 的一半。差别不在灰:它的无彩 24.53% 在四张里排第三,最多的那张(53.76%)天花板一分没掉。差别在这束光落到了什么上:被它直接照到的只有崖壁本身,沿高度取三处实测 L 0.50 / 彩度 0.023,L 0.51 / 0.024,L 0.66 / 0.023——明度走了 0.16,彩度全程钉在无彩阈值 0.025 下面。想让一个暗场有颜色,不要再加灯,给灯一件有颜色的东西照。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 绿洲峡谷·缝光 · Pairidaeza Canyon in a Sliver of Light — Teyvat Palette */
:root {
--sky-sliver: oklch(0.94 0.008 158); /* 天缝白 #e7ede9 */
--lit-wall: oklch(0.55 0.023 146); /* 受光崖 #69756a */
--canyon-haze: oklch(0.29 0.051 253); /* 谷雾蓝 #182c44 */
--cliff-shadow: oklch(0.24 0.032 256); /* 崖影蓝 #15202e */
--near-cliff: oklch(0.2 0.029 265); /* 近崖紫 #101623 */
--pool-teal: oklch(0.47 0.064 219); /* 潭水青 #2b6373 */
--fore-slope: oklch(0.2 0.018 344); /* 前坡褐 #1c1318 */
--gradient-pairidaeza-canyon: linear-gradient(180deg, oklch(0.94 0.008 158) 0%, oklch(0.55 0.023 146) 14%, oklch(0.29 0.051 253) 32%, oklch(0.24 0.032 256) 50%, oklch(0.2 0.029 265) 66%, oklch(0.47 0.064 219) 86%, oklch(0.2 0.018 344) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。