ナド・クライ閉塞湿り気微かな灯

パハ島・洞の灯

Paha Isle by Cavern Glow

色カード

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

再構成グラデーション

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

0%0d102d26%27315144%879cc166%29466d100%b961aa

なぜ調和するのか

天光がないとき環境色を何が引き継ぐのか——この一群は三つの答えを出しており、本篇が答えるのは奥行きという軸である。〈ウェネトトンネル・砂の照り返し〉は色相が材質ではなく光に属すると言い、〈煙雲の山・洞の光〉は光と色が別々の出所を持つと言う。ここでの支点は、明度という梃子がすでに「光からどれだけ遠いか」に使い切られていることだ——手前から奥へ四層の岩は明度 0.26 → 0.22 → 0.24 → 0.32 と二度折り返すのに、同じ岩の彩度は 0.076 → 0.068 → 0.057 → 0.059 と一度も戻らない。奥行きは丸ごと彩度へ掛け替えるほかない。

二つの光は同じ明るさ、色は片方だけ

全画面で最も明るい 4000 画素は二つの塊に分かれる。2,957 画素は中景の、岩庇に押しつぶされた細い隙間 (0.35, 0.45) にあり、平均 L 0.82、彩度 0.055。687 画素は左下で内側から灯る菌傘 (0.09, 0.71) にあり、L 0.81、彩度 0.141。明度の差はわずか 0.01、彩度の差は 2.6 倍。目は一秒も迷わず菌傘を近い光、隙間を遠い光と読む——空気が食うのは彩度であって、明るさではない。同じ空間の二つの光に遠近をつけたいなら、明るさをいじる前に、近いほうを鮮やかにすること。

明度が記録するのは光からの距離

画面上端を覆う岩庇はレンズにいちばん近いのに、全画面で最も暗い面である(L 0.19)。隙間の脇にある最も奥の岩のほうがむしろ明るい(L 0.32)。手前から奥へ四層測ると、明度 0.26 → 0.22 → 0.24 → 0.32 は二度折り返し、彩度 0.076 → 0.068 → 0.057 → 0.059 は単調に下がり、色相は終始 282° から 270° の間に閉じている。〈絶雲の間・朝霧〉は空気遠近を 0.36 → 0.92 の明度階段で作り、〈ノストイ地区・霞の昼〉は明度 0.72 → 0.87 と彩度 0.106 → 0.079 という逆向きの二本の勾配を使った——どちらにもまだ明度という梃子が残っていた。洞にはない。天光が来ない以上、明度は誰が照らされたかを記録するだけで精一杯である。同じ一群の他の二つの洞では、使い切られている通路が違う:〈ウェネトトンネル・砂の照り返し〉では同じ砂岩が受光する柱面から洞頂まで色相を単調に 47° 進め、彩度は四分の一まで落ちる(同篇の本文より引用)——あそこでは色相こそが光の目盛りである。〈煙雲の山・洞の光〉では洞口の彩度 0.034 が全画面の彩度の中央値とちょうど等しい(同篇の本文より引用)——最も明るい場所が色をまったく渡さない。同じく天光のない空間でも、まずどの通路が光源に使い切られているかを測り、奥行きはまだ空いている通路へ掛けること。

彩度のすべてで菌を一つ買った

紫帯 65.71%(279°、彩度 0.066)と青帯 28.52%(263°、0.064)で画面の 94.23% を占める。桃帯はわずか 4.91% だが彩度 0.132、二倍である。全画面で最も鮮やかな 4000 画素のうち 3,999 画素が 330°–360° に落ち(平均 339°、彩度 0.173、ピーク 0.232)、すべてあの菌傘と、そこから伸びる細い柄の先の灯にある。右下の、踏み固められた暖かい砂に見える地面は実測 296°。右手に垂れる黄緑に見える蔓は、その矩形で 60°–180° に入る画素が 633 個しかない(164°、彩度 0.032、灰の閾値をようやく越える程度)。画面全体で 15°–90° に入る画素は合わせて 19 個。地上の一篇〈パハ島・夕映え〉は彩度の中央値 0.107、明度の中央値 0.51、こちらは 0.062 と 0.23——同じ島で、主色相は 286° から 279° へ動いただけなのに、二つのチャンネルはどちらも四割以上削られている。彩度がこの絵で唯一の奥行きの通路である以上、あちこちに配ることはできない。

この配色を持ち帰る

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

/* パハ島・洞の灯 · Paha Isle by Cavern Glow — Teyvat Palette */
:root {
  --vault-violet: oklch(0.19 0.057 274); /* 岩庇の紫 #0d102d */
  --near-wall: oklch(0.26 0.076 282); /* 手前の壁 #1f1d47 */
  --far-rock: oklch(0.32 0.059 270); /* 奥の岩 #273151 */
  --far-slot: oklch(0.69 0.06 262); /* 隙間の光 #879cc1 */
  --cap-glow: oklch(0.62 0.145 334); /* 菌傘の桃 #b961aa */
  --spire-blue: oklch(0.51 0.079 260); /* 晶簇の青 #4b6693 */
  --floor-rill: oklch(0.39 0.076 257); /* 底の流れ #29466d */
  --gradient-lunar-treasury-paha-isle-location-context: linear-gradient(200deg, oklch(0.19 0.057 274) 0%, oklch(0.32 0.059 270) 26%, oklch(0.69 0.06 262) 44%, oklch(0.39 0.076 257) 66%, oklch(0.62 0.145 334) 100%);
}

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