フォンテーヌ昼縹渺淡遠静謐

フォンテーヌ廷地区・遥かな霞

Court of Fontaine Region in Distant Haze

色カード

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

再構成グラデーション

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

0%57a5fc14%e9fdfe38%75c4f758%589fd986%3680b7100%82d270

なぜ調和するのか

霞は彩度を奪うのではなく、彩度を一つの定数に均す。フォンテーヌ廷地区は 95.96% が青で、遠い山の彩度 0.106、廷の石 0.112、手前の水 0.112——三つの距離、三つの材質で、彩度の開きはわずか 0.006、色相はすべて 238°–245° に閉じ込められ、それでいて明度は 0.79 から 0.58 まで、0.21 も動く。だからフォンテーヌ六場面で最も霞んだこの一枚の彩度の中央値 0.105 は、霞のないブロー地区の 0.093、モルテ地区の 0.091 よりむしろ高い。霞を描くなら全体の彩度を下げるのではなく、一つひとつの彩度を同じ値へ寄せ、遠近は明度だけに任せること。

三つの距離に、彩度は一つ

地平線に並ぶ鋸歯の山は L 0.79 / 彩度 0.106 / 色相 238°。水上に建つ廷の石肌は L 0.68 / 0.112 / 245°。足元の水は L 0.58 / 0.112 / 244°。最遠から最近まで、彩度は 0.006、色相は 7°、明度は 0.21 動いた。同じフォンテーヌの霞の風景である〈ノストイ地区・霞の昼〉は奥行きを二本の逆向きの勾配に分けている——手前の水の彩度 0.106 から遠山 0.079 へ 0.027 下がり、明度は 0.72 から 0.87 へ 0.15 上がる——そのうえで「彩度だけを下げると灰をかぶったように見える」と釘を刺す。この一枚が歩いているのはその文の残り半分だ:彩度の勾配は丸ごと捨て、明度の一本だけを残しても奥行きは成立する。しかもこちらの方が遠く、霞んでいる。

空気の手前にある唯一のものが 0.47%

全画面で最も彩度の高い一画素は 0.180、座標は (0.56, 0.98)——画面最下縁、カメラの足元にあるひとつまみの草だ。緑帯はわずか 0.47%、その最も濃い 3%(124 画素)の平均は L 0.79 / 彩度 0.155 / 色相 140°。いっぽう画面全体の彩度の中央値は 0.105、p99 は 0.154 しかない:半パーセントにも満たない草が、この絵の天井を単独で押し上げている。理由はただ一つ、それが全画面で唯一、空気の後ろに立っていないものだからだ。裏側からの証拠はもっと硬い——全画面に 330°–90° の暖色を探しても、一画素も一致しない。この街の屋根も橋も、一枚残らず同じ空気に色相を差し替えられている。

霞が最初に没収するのは暗さ

全画面の明度 p01 は 0.54:最も暗い一パーセントすら 0.54 より上にいる。〈フォンテーヌ廷・晴れわたる昼〉は同じ街を近くから描いており、白い石と読まれるあの壁は L 0.53、その絵自身の明度の中央値より 0.19 低い、画面ではっきりした暗い面だった。この距離まで退くと、街の石肌は 0.68 まで上がり、彩度は目の前の水と同じ 0.112 で、もうどちらの端の極値でもない。霞は床を上げ、天井を下げる(p99 0.154 はフォンテーヌ六場面で最も低い)——両端から同時に締めるのだ。だから遠景に要るのは「淡さ」ではなく「狭さ」である:その距離に許す明暗と彩度の幅をまず決め、その狭い帯の中で遠近を並べること。

この配色を持ち帰る

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

/* フォンテーヌ廷地区・遥かな霞 · Court of Fontaine Region in Distant Haze — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.71 0.15 253); /* 天頂の青 #57a5fc */
  --high-cloud: oklch(0.98 0.021 199); /* 高雲の白 #e9fdfe */
  --far-ridge: oklch(0.79 0.106 238); /* 遠嶺の霞 #75c4f7 */
  --court-stone: oklch(0.68 0.112 245); /* 廷の石の青 #589fd9 */
  --near-bay: oklch(0.58 0.112 244); /* 手前の湾の青 #3680b7 */
  --shore-green: oklch(0.79 0.155 140); /* 岸辺の草の緑 #82d270 */
  --gradient-court-of-fontaine-region: linear-gradient(180deg, oklch(0.71 0.15 253) 0%, oklch(0.98 0.021 199) 14%, oklch(0.79 0.106 238) 38%, oklch(0.68 0.112 245) 58%, oklch(0.58 0.112 244) 86%, oklch(0.79 0.155 140) 100%);
}

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