
Frost Moon in Earthshine
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
抢眼不等于彩度高:这幅画里唯一的暖色只占 0.24% 的面积、彩度 0.063,比它旁边那道冷蓝的大气弧(0.072)还低——它之所以是全图的焦点,靠的是在 35.2% 无彩 + 56.5% 蓝的场里唯一一个不属于蓝族的色相。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 霜月·地照 · Frost Moon in Earthshine — Teyvat Palette */
:root {
--void-black: oklch(0.16 0.022 264); /* 虚空黑 #080d17 */
--atmos-arc: oklch(0.32 0.072 264); /* 大气弧 #203157 */
--regolith-grey: oklch(0.54 0.046 270); /* 月壤灰 #646e8a */
--molten-scar: oklch(0.66 0.063 47); /* 熔痕橙 #b38771 */
--star-white: oklch(0.96 0.02 216); /* 星白 #e4f6fa */
--gradient-frost-moon: linear-gradient(180deg, oklch(0.16 0.022 264) 0%, oklch(0.32 0.072 264) 58%, oklch(0.54 0.046 270) 82%, oklch(0.45 0.048 263) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。