Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
セイライ島・雷の眼
稲妻夕圧迫怪異紫電

セイライ島・雷の眼

Seirai Island under the Storm's Eye

色カード

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

再構成グラデーション

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

0%3c236918%a67aea44%3c236962%f8bfa9100%5e4e8e

なぜ調和するのか

2.3% の暖帯が一枚の絵の時刻を書き換える。紫帯が 83.9% を占め彩度の中央値は 0.115、そして地平線に走る L 0.85・色相 42° の細い帯だけが、これが深夜ではなく黄昏だと告げている——それを取り除けば、同じ紫が夜になる。

01

2.3% が時刻を決めた

橙帯 1.77% に黄帯 0.49% を足して 2.26%、そのすべてが地平線の細い隙間に詰まっている。その帯の暖色画素を取ると実測 L 0.85・彩度 0.072・色相 42°。画面で唯一の暖色であり、雷を除けば 0.8 を超える唯一のものでもある。ここが「時刻」の足場だ:紫の雲は時間を語れないが、残る霞は語れる。冷たいトーンの絵に時刻を与えるには、主色をいじる必要はない。2% の暖帯を足せば足りる。

02

白は色から抜かれた穴である

画面の彩度中央値は 0.115、無彩画素は 0.19% しかない。それでいて最も明るい 4000 画素は平均 L 0.97・彩度は**わずか 0.022**——雷と風眼の核は、この絵で唯一色を持たない場所なのだ。無想刃狭間の一篇が「閃きは L と C の暴力的な跳躍だ」と言ったのと同じことの静止版である:どこもかしこも色を帯びた画面で、最も明るい場所が自ら彩度を差し出す。だから白は白い塗料ではなく強い光として読まれる。

03

同じ紫の族で、彩度が三層の深浅を作る

雲は L 0.33 / 彩度 0.116 / 296°、水面は L 0.47 / 0.101 / 293°、岸の樹叢は L 0.51 / 0.198 / 298°——三つの色相は 293°–300° のあいだ、わずか 7° の差しかなく、層を分けているのは彩度(0.101 / 0.116 / 0.198)と明度の交錯である。彩度のピーク 0.269 は風眼をめぐる雲環に落ちる。単一色相の画面で層を作るなら使えるノブは二つだけで、この絵はその両方を使い切っている:画面全体の彩度 p99 は 0.236、この明度で OKLCH が許す縁にほとんど届いている。

この配色を持ち帰る

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

/* セイライ島・雷の眼 · Seirai Island under the Storm's Eye — Teyvat Palette */
:root {
  --storm-violet: oklch(0.33 0.116 296); /* 雷雲の紫 #3c2369 */
  --lagoon-violet: oklch(0.47 0.101 293); /* 潟の紫 #5e4e8e */
  --grove-violet: oklch(0.51 0.198 298); /* 樹叢の紫 #773fc6 */
  --eye-halo: oklch(0.67 0.164 300); /* 眼の暈 #a67aea */
  --last-light: oklch(0.85 0.072 42); /* 残霞の金 #f8bfa9 */
  --bolt-white: oklch(0.97 0.022 327); /* 電芯の白 #fef0fd */
  --gradient-seirai-island: linear-gradient(180deg, oklch(0.33 0.116 296) 0%, oklch(0.67 0.164 300) 18%, oklch(0.33 0.116 296) 44%, oklch(0.85 0.072 42) 62%, oklch(0.47 0.101 293) 100%);
}

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