Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
奥奇卡纳塔·压云
纳塔昏压抑苍茫遗迹

奥奇卡纳塔·压云

Ochkanatlan, Lowering Sky

色卡

点击色块复制 HEX;悬停查看 OKLCH 值。

重构渐变

从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。

0%384d7740%536c91100%7b9eca

为什么和谐

把明暗倒过来挂:乌云 L 0.42 压在头顶,脚下的雾海反而亮到 L 0.69——人对「亮天暗地」有先验,违背它就自带不祥;压迫感是结构性的,一个色相都不用改。

01

天比地暗

积雨云实测 L 0.42,谷底雾海 L 0.69,亮暗关系整个倒挂。正常风景的明度从天到地递减,这里反着来——重顶轻底的结构自带压迫与神圣。界面同理:深色大页头压浅色内容,庄重感是白来的。

02

88% 的蓝紫里,生命只有 1.3%

全图 88% 落在 250°–265° 的蓝紫带;崖顶的绿(124°,0.6%)与赤崖飞鸟的红(10°,0.7%)合计 1.3%,却是画面里全部的「活着」。废墟感的配方:把生命色压到统计误差的量级——但别归零,归零就只剩死寂没有苍凉。

03

时刻读不出来,就写下来

乌云盖顶的光照读不出钟点,time 取「昏」只因地平线上那条低角度的亮带。和渊下宫的白夜一样:光源不标准时,与其让元数据装作确定,不如把判断依据写进正文。

带走这组颜色

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,原图、色卡与色值都在里面——存下来直接发。