稲妻夜粛殺劇的電光

無想刃狭間・雷雨

Musoujin Gorge Storm

色カード

色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。

再構成グラデーション

シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 160°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。

0%19112745%332a5872%724aab88%ca66c3100%efadd1

なぜ調和するのか

単一の色相family の中で劇的をつくる。紫からマゼンタまで動いたのはわずか 50° で、張力はすべて明度と彩度の急変から来ている——雷雨の「閃光」は L と C の暴力的な跳躍であって、色相の衝突ではない。

狭い色域、高い対比

画面全体の色相は 290°–350° に集中し、衝突の感触は色相ではなく明度(0.2 → 0.82)が担っている。感情は極度に強くできるのに、画面は依然として統一されたままだ——「荒々しいが乱れない」を狙うなら、まず色域を狭めること。

マゼンタは紫のハイライトである

電光は「より明るい紫」ではなく、マゼンタへ寄った紫である。現実の照明は色相を動かす。グラデーションの明るい端にわずかな色相の偏りを足すだけで、質感は「明るくした」から「発光している」へ変わる。

90/10 の面積律

画面の 80% は L < 0.35 の暗部に押さえられ、電光は一筋を占めるにすぎない。抑制が衝撃を作る——クライマックスの要素は、面積が小さいほど大きく響く。

この配色を持ち帰る

CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。

/* 無想刃狭間・雷雨 · Musoujin Gorge Storm — Teyvat Palette */
:root {
  --lightning-magenta: oklch(0.68 0.18 335); /* 電光のマゼンタ #d967c4 */
  --raiden-violet: oklch(0.52 0.16 300); /* 雷電の紫 #794db6 */
  --sakura-pink: oklch(0.82 0.08 350); /* 緋桜の粉 #edafcb */
  --ink-violet: oklch(0.32 0.07 292); /* 墨紫 #342b53 */
  --storm-night: oklch(0.2 0.04 300); /* 夜闇の紫 #191125 */
  --gradient-inazuma-storm-night: linear-gradient(160deg, oklch(0.2 0.045 300) 0%, oklch(0.32 0.08 290) 45%, oklch(0.5 0.15 300) 72%, oklch(0.66 0.17 330) 88%, oklch(0.82 0.09 345) 100%);
}

1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。