ナド・クライ幽邃湿潤生気

煙雲の山・洞の光

Ashveil Peak, Cavern Glow

色カード

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

再構成グラデーション

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

0%05151240%08624572%048266100%38bb59

なぜ調和するのか

光と色は別々の出どころを持ちうる。洞窟で最も明るい一帯は洞口で、画面で最も明るい 4000 画素のうち 2903 個がそこに落ちる(L 0.79)——そしてその彩度は 0.034、画面の彩度中央値とちょうど同じだ。本当に色を持つものは洞口から最も遠い:水面の浮葉は実測 L 0.70・彩度 0.178。開口は明るさだけを担い、色は生えてくる。

最も明るい開口は色を一切くれない

洞口は右手、垂れ蔓と吊り花に半ば覆われた縦の裂け目で、その手前に人影が一つ立つ。そこから入る天光が画面唯一の外光だ。明るさは完全にそれの支配下にある——最も明るい 4000 画素のうち 2903 個が (0.72, 0.52) にあり、平均 L 0.79——にもかかわらず色をまったく帯びない。その一群の彩度は 0.034 で、画面の彩度中央値 0.034 とぴたり一致する。洞口の領域全体でも L 0.61・彩度 0.030、その中で最も鮮やかな 3% ですら 0.081 止まりだ。最も明るい場所が、平均より色を持っているわけではない。

色は照らされたのではなく、生えたもの

最も彩度の高い一群はすべて水面の浮葉の茂みにある。位置は (0.45, 0.71)、洞口から最も遠く天光の届かない場所で、実測 L 0.70・彩度 0.178、ピークは 0.199。左上から垂れる鈴状の花と蔓葉も同じく自ら光り、L 0.69・彩度 0.137・色相 117°。岩そのものは本当に色を出さない:右手の洞壁は L 0.18・彩度 0.024、穹窿は L 0.18・彩度 0.025 で、いずれも灰の閾値 0.025 に張り付いている。合轍駅のあの室内も同じ岩と木だった——無彩 75.1%、彩度中央値 0.011——が、あちらの色はすべて二つの開口から借りたものだった。ここでは開口自身が色を持たない。だから色には「自ら生える」という一本の来歴しか残らない。

二種類の光の価格表

天光の管轄はシアン帯 17.35%(彩度 0.037)と青帯 13.59%(彩度 0.046)、合わせて 30.94% の面積で、灰の閾値をようやく越える程度。生物光の管轄である緑帯は 36.15% を占め、平均彩度 0.073、ピーク 0.199。面積はほぼ同じで、彩度は二倍から四倍違う——これが二種類の光の価格表である。しかも高い絶対値は要らない:洞の外の〈夕靄〉は彩度中央値 0.084 で、光源は 0.209 まで登ってはじめて光っていると見なされる。ここは中央値が 0.034 しかなく、0.178 で足りる。発光とは天井と床の比であって、天井の高さではない。暗い画面の中で何かを「色のあるもの」にしたいなら、環境光をいじるのではなく、それ自身に光らせ、先に床を下げておくこと。

この配色を持ち帰る

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

/* 煙雲の山・洞の光 · Ashveil Peak, Cavern Glow — Teyvat Palette */
:root {
  --cavern-rock: oklch(0.18 0.024 179); /* 洞岩の灰 #051512 */
  --daylight-gap: oklch(0.79 0.034 238); /* 隙光の白 #a7bece */
  --lilypad-glow: oklch(0.7 0.178 148); /* 浮葉の緑 #38bb59 */
  --hanging-bell: oklch(0.69 0.137 117); /* 垂れ鈴の黄 #96a634 */
  --pool-moss: oklch(0.44 0.091 164); /* 潭苔の青 #086245 */
  --rift-blue: oklch(0.51 0.05 221); /* 洞口の青 #456d7a */
  --gradient-lunar-treasury-ashveil-peak-location-context: linear-gradient(180deg, oklch(0.18 0.024 179) 0%, oklch(0.44 0.091 164) 40%, oklch(0.54 0.105 171) 72%, oklch(0.7 0.178 148) 100%);
}

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