
Ochkanatlan, Lowering Sky
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
把明暗倒过来挂:乌云 L 0.42 压在头顶,脚下的雾海反而亮到 L 0.69——人对「亮天暗地」有先验,违背它就自带不祥;压迫感是结构性的,一个色相都不用改。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 奥奇卡纳塔·压云 · Ochkanatlan, Lowering Sky — Teyvat Palette */
:root {
--storm-slate: oklch(0.424 0.074 263.1); /* 压云黑 #384d77 */
--tower-blue: oklch(0.528 0.066 258.3); /* 塔影蓝 #536c92 */
--mist-sea: oklch(0.689 0.077 254.6); /* 雾海蓝 #7a9eca */
--mesa-green: oklch(0.831 0.072 123.7); /* 崖顶绿 #bed09c */
--scarlet-wing: oklch(0.664 0.059 9.6); /* 赤羽 #b4858b */
--gradient-ochkanatlan: linear-gradient(180deg, oklch(0.424 0.074 263) 0%, oklch(0.528 0.066 258) 40%, oklch(0.689 0.077 255) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。