璃月昏冥湿冷うつろ

層岩巨淵・地下鉱区——遥かな光

The Chasm: Underground Mines toward a Distant Glow

色カード

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

再構成グラデーション

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

0%0c1d2322%12222548%14384175%1b4a52100%1b535c

なぜ調和するのか

光が弱く、何ものをも白く洗い流せないとき、霧の明度と彩度は一本のスライダーに束ねられる:奥へ向かって空隙を四つ取ると、L 0.24 → 0.32 → 0.38 → 0.41、彩度 0.023 → 0.044 → 0.052 → 0.059 と一歩も違わず一緒に上がり、色相は全行程 210°–217° の中で揺れるだけだ——だから単独で見られたいものは、いずれもこの一本から降りなければならない。

一本のスライダーが奥行きを走りきる

最も手前の坑底から画面の奥へ、空隙を四つ取る:(0.30, 0.62) は L 0.24 / 彩度 0.023、(0.38, 0.50) は 0.32 / 0.044、(0.44, 0.40) は 0.38 / 0.052、(0.50, 0.32) は 0.41 / 0.059。明度は 0.17 上がり、彩度は 2.6 倍になり、色相は 211° / 217° / 211° / 210° と一歩も動かない。〈大日御輿・白芒〉が測ったのは同じ同心状の霧の、強い光のすぐ傍の半分であり、符号は逆だった——光から遠いほど明度は下がるのに彩度は上がる。分かれ目は、光が霧を白く洗い流せるほど強いかどうかにある。ここでは最も明るい霧ですら L 0.41 で、全画面の明度 p99 が 0.43:光は洗い流せる段まで届かない。そこで二本の通路が一本に合流し、奥行きも体積も光源の方角も、その一本が描ききってしまう。

唯一、束から外れた布

全画面で最も明るい 4000 画素のうち 2,497 個が、左中央のあの帆布に落ちている——(0.0, 0.4) と (0.2, 0.4) の二マス、明度 0.46 と 0.47、彩度はどちらも 0.046、色相は 164° と 165°。帆布全体の実測は L 0.39 / 彩度 0.037 で、同じ L 0.38 の霧の彩度は 0.052:スライダーより一段低い。まさにその一段が、これを「もっと遠い空気」ではなく「一枚の布」として読ませている。霧の中に実物を置きたいとき、明度を高くする必要はない——明度は霧の私有財産で、奪い合っても勝てない。スライダーから外れた彩度を一つ与えれば足りる。

木造の鉱場に、暖色画素 974 個

全画面の `330°–90°` の暖色の窓には 974 画素しかなく、画面の 0.11%、平均 L 0.38 / 彩度 0.039 / 色相 82°、最も濃い 3%(29 個)で L 0.51 / 彩度 0.071——ピーク 0.082 は奥のあの霧の 0.122 にはるかに及ばない。この宿営地はすべて木で組まれているのに、最も手前の梁の実測は 221° / 彩度 0.025 で、天井岩の 234°、坑底の 240° と同じ族であり、一本として自分の暖かさを守れていない。だから画中でスライダーに乗っていないものは二つだけで、しかも外れる方向が違う:帆布は彩度で一段下へ、鉱灯は色相で環の反対側へ抜けている。一本の軸が全部を仕切る画面では、例外は軸から降りることでしか印を付けられない——どの通路で降りるかは、それが何であるかが決める:実物は彩度で、光は色相で降りる。

この配色を持ち帰る

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

/* 層岩巨淵・地下鉱区——遥かな光 · The Chasm: Underground Mines toward a Distant Glow — Teyvat Palette */
:root {
  --pit-blue: oklch(0.24 0.023 211); /* 坑底の青 #122225 */
  --mid-fog: oklch(0.32 0.044 217); /* 中程の霧 #143841 */
  --deep-fog: oklch(0.38 0.052 211); /* 深部の霧 #1b4a52 */
  --distant-glow: oklch(0.41 0.059 210); /* 遥光の青碧 #1b535c */
  --canvas-grey: oklch(0.39 0.037 174); /* 帆布の灰青 #2f4c43 */
  --lamp-amber: oklch(0.51 0.071 80); /* 鉱灯の黄 #7b6134 */
  --gradient-the-chasm-underground-mines: linear-gradient(35deg, oklch(0.22 0.025 221) 0%, oklch(0.24 0.023 211) 22%, oklch(0.32 0.044 217) 48%, oklch(0.38 0.052 211) 75%, oklch(0.41 0.059 210) 100%);
}

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