
Ochkanatlan, Lowering Sky
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 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。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。