璃月昼奇峭鮮烈曠野

層岩巨淵・青の霧

The Chasm in Blue Haze

色カード

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

再構成グラデーション

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

0%2b75b432%5d98c558%ba916280%ab5c71100%6b4f3f

なぜ調和するのか

寒暖の衝突を調停するつまみは明度・彩度・面積の三つ。少なくとも一つは回さなければならない。ここでは緋の粉と青の彩度がほぼ互角(0.105 対 0.09–0.12)で、勝敗は面積だけで決まっている——青が 43%、粉が 14%。

彩度は互角、面積が語る

緋の木は C 0.105、青い崖と空は C 0.09–0.12。衝突する両端の彩度はほとんど等しく、主従を分けているのは面積(43% 対 14%)である。フォンテーヌ廷の一篇と読み比べてほしい。あちらが回したのは明度のつまみ、ここで回っているのは面積のつまみだ。三つとも回さなければ、衝突は本当に衝突する。

岩が青い

崖壁は実測 242°、C 0.091。岩の固有色は谷底の青い霧に丸ごと飲み込まれ、近景の岩塊まで青を帯びている。千尋の砂漠の紫霾と同じ法則で、環境色は空気から来る——ここでは空気がたまたま青いのだ。

琥珀は緩衝地帯

草地は 70°、C 0.080。粉にも青にも属さず、ちょうど両者が接する地面に敷かれている。衝突する二者のあいだに第三の中間調を置くと、対立は「突き合い」から「移行」に変わる——面積は大きくなくてよく、位置が正しければよい。

この配色を持ち帰る

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

/* 層岩巨淵・青の霧 · The Chasm in Blue Haze — Teyvat Palette */
:root {
  --deep-sky: oklch(0.549 0.122 248); /* 晴穹の青 #2b75b4 */
  --haze-cliff: oklch(0.658 0.091 242); /* 霧崖の青 #5d98c5 */
  --pink-bloom: oklch(0.574 0.105 4.4); /* 緋桜の粉 #ab5c71 */
  --amber-field: oklch(0.685 0.08 70.5); /* 琥珀の甸 #ba9162 */
  --umber-slope: oklch(0.454 0.046 52.4); /* 褐岩 #6b4f3f */
  --gradient-the-chasm: linear-gradient(165deg, oklch(0.549 0.122 248) 0%, oklch(0.658 0.091 242) 32%, oklch(0.685 0.08 70) 58%, oklch(0.574 0.105 4) 80%, oklch(0.454 0.046 52) 100%);
}

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