Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
アル・ハヤー宮殿・一条の光
スメール閉塞静寂湿った冷たさ

アル・ハヤー宮殿・一条の光

Bayt Al-Hayah under a Single Shaft

色カード

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

再構成グラデーション

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

0%19190c18%57969045%5f5c3a62%222313100%397074

なぜ調和するのか

暗い絵に焦点が立つかどうかは、その光に属さない色相が一つでもあるかで決まる——アル・ハヤー宮殿には一つも無い。全画面の 270°–45° にはわずか 30 画素しかなく、いちばん赭石らしく見えるあの台地ですら実測 141° である。だから彩度の額度(p99 0.065 から中央値 0.027 を引いた値)は 0.038 しかなく、同じ四つの宮殿のなかで最も低い。一方その明度の額度 0.34 は、残る三枚の 0.37 / 0.39 / 0.45 と同じ段に並ぶ。暗い場では明度は公有、彩度は私有なのだ:よその色相が使えないなら、焦点は明度に架け替えるしかなく、その原資は 45.48% の無彩の暗い岩から先に貯めておかねばならない。

01

砂は緑である

中景で光に舐められた砂岩の台地は実測 L 0.47 / 彩度 0.051 / 色相 104°、その下縁を走る砂の道は 113°、左手の高台も 113°、そして画中いちばん赭石らしい一片(台地の折れ角)ですら 141°——すべて黄緑で、暖色に入るものは一つも無い。〈明冠山地・淡い昼〉と同じ口径で全画面の 270°–45° を探せば、拾えるのは 30 画素だけ。この洞窟で唯一の光は天井の裂け目から差す天光(最も明るい一群は実測 L 0.63 / 彩度 0.066 / 色相 188°)であり、それが青いので、砂岩自身の黄は族ごと 104°–141° まで引きずられている。一つの光しか無い空間を描きたいなら、どの素材にも固有色を残さないこと——砂まで緑にすること。

02

明度の額度は公有、彩度の額度はそうではない

ピークからその絵自身の中央値を引く(算法は〈ブロー地区・澄明の昼〉と同じ)と、アル・ハヤー宮殿の明度の額度は 0.59 − 0.25 = 0.34、アル・ムアザン宮殿 0.37、アル・スークル宮殿 0.39、アシュヴァッタ神殿 0.45——四枚は三分の一段のなかに収まる。ところが彩度の額度は 0.038 / 0.046 / 0.073 / 0.173 で、4.6 倍の開きがある。原因は床にある:暗い場の明度中央値はすでに 0.25–0.32 まで下がり、天井は依然 1.0、つまりどの絵も明度の軌道を半分以上使い残している。誰でも買えるものでは差がつかない。彩度にはその保証が無く、画中の何かが自分で稼ぐしかない。ダークテーマも同じ:「もっと暗く」に力を注ぐ前に、背景色に属さない色相を誰が供給するのかを決めること。

03

45.48% の黒い岩が、唯一の元手

この絵の無彩比率は 45.48%、四つの宮殿で最も高い(アル・ムアザン宮殿 23.22%、アル・スークル宮殿 4.81%、アシュヴァッタ神殿 4.19%)。そのほとんどは左右と天井の、光の届かない岩だ——左の壁は実測 L 0.21 / 彩度 0.024 で、ちょうど無彩の閾値に乗っている。この 0.21 の地があってはじめて、下半分の青い霧の L 0.51 が成立する:差は 0.30、全画面の明度中央値はわずか 0.25 なのだから。彩度の道が塞がれた絵にできるのは、周囲をさらに低く押し下げることだけ。暗い場で焦点が欲しいのによその色相が見つからないなら、主体に彩度を足すのはやめて、その周囲一帯を中央値より下へ沈めること。動かせるのは差分だけである。

この配色を持ち帰る

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

/* アル・ハヤー宮殿・一条の光 · Bayt Al-Hayah under a Single Shaft — Teyvat Palette */
:root {
  --rift-cyan: oklch(0.63 0.066 188); /* 裂け目の青 #579690 */
  --mist-pool: oklch(0.51 0.059 201); /* 霧潭の青 #397074 */
  --ledge-chartreuse: oklch(0.47 0.051 104); /* 台地の黄緑 #5f5c3a */
  --shaded-shelf: oklch(0.25 0.029 113); /* 陰の段丘 #222313 */
  --wall-shadow: oklch(0.21 0.024 109); /* 壁の影 #19190c */
  --gradient-bayt-al-hayah: linear-gradient(180deg, oklch(0.21 0.024 109) 0%, oklch(0.63 0.066 188) 18%, oklch(0.47 0.051 104) 45%, oklch(0.25 0.029 113) 62%, oklch(0.51 0.059 201) 100%);
}

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