
Spiritstone in a Lone Light
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
灰不是一种颜色,是两束色温在同一块面上抵消出来的差额——这个洞里只有一束光,于是它一个灰像素都交不出来:无彩 0.00%,而色轮上 255° 宽的一扇窗(`270°–165°`)返回 nothing matched。要一块中性面,先数画里有几束光。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 灵石·孤光 · Spiritstone in a Lone Light — Teyvat Palette */
:root {
--cavern-blue: oklch(0.38 0.065 233); /* 洞蓝 #17485f */
--far-rock: oklch(0.29 0.051 236); /* 远岩 #0d2f41 */
--near-rock: oklch(0.48 0.068 232); /* 近岩 #31647d */
--pillar-blue: oklch(0.63 0.094 230); /* 柱身蓝 #4494b7 */
--core-cyan: oklch(0.86 0.106 196); /* 石芯青 #72e7e8 */
--gradient-spiritstone: linear-gradient(180deg, oklch(0.29 0.051 236) 0%, oklch(0.86 0.106 196) 25%, oklch(0.63 0.094 230) 50%, oklch(0.48 0.068 232) 75%, oklch(0.35 0.059 225) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。