Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
聖火競技場・晴れ霞
ナタ昼澄明賑わい軽やか

聖火競技場・晴れ霞

Stadium of the Sacred Flame in Bright Haze

色カード

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

再構成グラデーション

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

0%f2fafe22%95c5e352%1e57c674%d7564a100%806577

なぜ調和するのか

光源が画面でいちばん明るい必要はなく、それどころか絵の中の平均的な場所より暗くてもよい。台の中心の聖火は実測 L 0.62、彩度 0.165——全体の明度中央値 0.71 より 0.09 低いのに、彩度は画面の天井まで届いている。明るい側はとうに媒質に占拠されているからだ。最も明るい 4000 画素は L 1.00、彩度 0.002 で、うち 3,106 個が右上の焼き切れた雲に固まっている。〈煙雲の山・夕靄〉が同じ一文を支えた証拠は、紫の核 L 0.66 も青い光柱 L 0.48 も、あの絵の明度中央値 0.38 より上にあったというものだった。この絵は光源を中央値の下に置く——同じ規則の、ひとつ先の段である。

01

明るい側は空っぽ

画面の明度中央値は 0.71、p99 はもう 1.00 である。最も明るい 4000 画素は平均 L 1.00、彩度 0.002–0.003 で、うち 3,106 個が右上の白飛びした雲の中にある。この白は空だけのものではない——峡谷へ流れ込み、谷底の霞は実測 L 0.79 と 0.82、中央の台の地面(L 0.75)より明るい。こういう絵で光源が明るさ勝負に出ようとしても、上にはもう空席がない。

02

同じ祭壇の火、正反対の道具

台の中心の炎から最も彩度の高い 3% を取ると、L 0.62、彩度 0.165、28°、ピークは 0.185。画面全体の彩度 p99 は 0.154 しかないから、これは越境した数少ないもののひとつだ。それでいて明度は全体の中央値より 0.09 低い。〈万火のほとぎ・晴嵐〉は同じナタの霞の谷で、明度中央値は 0.73(こちらは 0.71)。あちらの祭壇の火は 441 画素、L 0.84 で中央値より 0.11 高く、彩度は 0.118 しかない——同じものが、一方は上へ、一方は外へ動く。そして〈煙雲の山・夕靄〉はこの規則のひとつ手前の段だ。あちらの本文から引くと、明度中央値 0.38、紫の核 L 0.66 / 彩度 0.209、青い光柱 L 0.48 / 彩度 0.210、最も明るい 4000 画素のうち 3817 個が何もない霞の上(L 0.87)に落ちている。あの二つの光源も最も明るくはないが、それでも自分の中央値より上に立っていた。こちらの火は 0.09 だけ下に立つ。だから「光っているは彩度でしか言えない」はもう一段先へ進められる——光源は最も明るくなくてよいばかりか、絵の中の平均的な場所より暗くてもよい。

03

天井の席は先に布が取っている

画面で最も彩度の高い 4000 画素のうち、240°–270° の一群が 3,653 個、平均彩度 0.174——峡谷を渡るあの青い幡である。その一枚から最も彩度の高い 3% を取ると実測 262°、彩度 0.184、L 0.49。暖色に配分されたのは 231 個(5.8%)だけで、面積では暖色が 15.41% を占めているのに、である。ところがその 231 個の平均(30°–60° が 0.176、0°–30° が 0.177)は、幡の 3,653 個よりわずかに高い。火は彩度で勝ってはいない。ただ天井に手が届く唯一の暖色であり、しかも勝つ必要がないほど小さい。ある要素を「光っている」と読ませたいなら、まず明度の上端がまだ空いているかを見ること。塞がっているなら、これ以上明るくせず、彩度の天井に到達する唯一の異族の色にすること。

この配色を持ち帰る

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

/* 聖火競技場・晴れ霞 · Stadium of the Sacred Flame in Bright Haze — Teyvat Palette */
:root {
  --blown-white: oklch(0.98 0.01 226); /* 白飛びの空 #f2fafe */
  --canyon-haze: oklch(0.8 0.066 236); /* 谷霞 #95c5e3 */
  --banner-blue: oklch(0.49 0.184 262); /* 幡の青 #1e57c6 */
  --sacred-flame: oklch(0.62 0.165 28); /* 聖火の橙 #d7564a */
  --cliff-ochre: oklch(0.54 0.044 339); /* 崖の赭 #806577 */
  --terrace-green: oklch(0.84 0.067 136); /* 台地の緑 #b7d5aa */
  --gradient-stadium-of-the-sacred-flame: linear-gradient(180deg, oklch(0.98 0.01 226) 0%, oklch(0.8 0.066 236) 22%, oklch(0.49 0.184 262) 52%, oklch(0.62 0.165 28) 74%, oklch(0.54 0.044 339) 100%);
}

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