璃月昼幽涼旅次木の香

合轍駅・軒の下

Hezhe Post beneath the Eaves

色カード

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

再構成グラデーション

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

0%232e2e30%3d4c5a62%61b0d384%987a5d100%eaddbc

なぜ調和するのか

室内の色は外から借りてくるものである。この絵は画素の 75.1% が灰の閾値以下、彩度の中央値は 0.011 しかない——木そのものにはほとんど色が無く、色はすべて二つの開口から来ている。8.9% の日照の黄と、13.5% の天光の青である。

画面の四分の三に色が無い

無彩画素 75.1%、彩度中央値 0.011。左手のあの壁は実測 L 0.28・彩度 0.011、前景の床は L 0.29・彩度 0.014——この二面で半分の画面を占め、しかもその色はゼロである。「暖かい木組みの駅舎」というのは印象であって測定結果ではない。その印象を作っているのは 8.9% の黄帯(平均 63°・彩度 0.050)だけだ。空間を暖かく読ませたいなら、空間全体を暖色に振る必要はない。十分に明るい暖かい光を一条与えれば足りる。

二つの開口、二つの色相、隔たりは 164°

右手で日に照らされた木の欄は L 0.60・彩度 0.056・色相 65°、軒下の隙間から覗く白壁と空は L 0.60–0.72・彩度 0.047–0.093・色相 229°。両者は明度が同じで色相は 164° 離れ、ほとんど正対している——これは設計された補色ではなく物理だ:直射の太陽は黄に寄り、天穹の拡散光は青に寄る。室内配色の骨組みが、結局はこの二つの開口の比率の問題になるのはそのためである。

最も鮮やかな場所が画面の最も奥にある

最も飽和した 4000 画素のうち最大の一群は平均 L 0.72・彩度 0.093・色相 229°、位置は (0.56, 0.58)——二層の軒口を越えてはじめて見える、天光に洗われた遠い壁である。第二の群は L 0.66・彩度 0.086・色相 68° で、(0.92, 0.69) の木の欄の上。彩度の最も高い二箇所は一つが最も遠く、一つが最も近い。そのあいだに広がる色を持たない木組みが、そのまま額縁になる。無彩の前景で有彩の遠景を囲めば、透視線を引かなくても奥行きは成立する。

この配色を持ち帰る

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

/* 合轍駅・軒の下 · Hezhe Post beneath the Eaves — Teyvat Palette */
:root {
  --hall-grey: oklch(0.29 0.014 199); /* 堂内の灰 #232e2e */
  --eave-shade: oklch(0.41 0.03 246); /* 軒影の青 #3d4c5a */
  --outside-blue: oklch(0.6 0.047 229); /* 洞外の青 #638697 */
  --far-wall: oklch(0.72 0.093 229); /* 遠壁の青 #61b0d3 */
  --sunlit-timber: oklch(0.6 0.056 65); /* 日照の木 #987a5d */
  --timber-highlight: oklch(0.9 0.046 90); /* 木縁の白 #eaddbc */
  --gradient-hezhe-post: linear-gradient(285deg, oklch(0.29 0.014 199) 0%, oklch(0.41 0.03 246) 30%, oklch(0.72 0.093 229) 62%, oklch(0.6 0.056 65) 84%, oklch(0.9 0.046 90) 100%);
}

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