モンド夜静謐夜守りぬくもり

アカツキワイナリー・灯る窓

Dawn Winery, Lit Windows at Night

色カード

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

再構成グラデーション

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

0%1b325820%333d5438%41586b52%9c7f7268%53765284%e2b163100%5883a0

なぜ調和するのか

夜は色を暗くするのではなく、自分と対立する一族だけを取り上げる——同じ物差しで測ると、昼のモンド城は木 140°、岩と城壁 191°、赤瓦 49°。夜のアカツキワイナリーは木 136°、岩 192°–198°、ところが赤瓦は 267°–273° まで歩いてしまい、右の塔のあの屋根は 330°–90° という暖色の窓すべてに対して nothing matched を返す——その明度 0.37 は全画の中央値 0.41 をわずか 0.04 下回るだけなのに。夜を描くなら全体の彩度を下げてはいけない。主光と対立する一族だけを丸ごと主光の色相へ嫁がせ、どれか一点の対立色を残したいなら、それに自前の開口を与えること。

赤瓦はもう赤くない

三つの屋根は実測 267°、273°、257° で、頭上の夜空の 260° と同じ族にいる。右の塔のそれは 330°–90° で nothing matched を返し、左の塔のそれは 3,080 画素のうち暖色の窓に入るのは 11 画素だけ、2,801 画素が 210°–315° に落ちる。それでいて明度は 0.36 から 0.39、全画の中央値 0.41 との差は 0.05 に満たない——夜は屋根を黒く押し潰したのではなく、その姓を書き換えたのだ。対照として同じ bench の物差しで昼のモンド城を測ると、同じ赤瓦の屋根は 49°、彩度 0.061、3,903 画素。モンドの身分の色は、この夜まるごと不在である。

木は一分も差し出していない

同じ夜景の中で、左手の松と蔦は実測 136°、彩度 0.068、全画の緑帯の平均は 144°、彩度 0.069。昼のモンド城の木は 140°、彩度 0.072 だから、色相は 4° ずれただけで彩度はほとんど動いていない。岩も同様で、昼は 191°、今夜は左が 198°、右が 192°。そしてもっとも彩度の高い 4,000 画素のうち 3,635 画素がまさにこの木々であり(L 0.62 / 彩度 0.129 / 139°)、ピークの 0.166 が全画の天井になる。夜空は 260°。木はそこから 120°、岩は 69°、赤瓦は 149° 離れている——取り上げられたのは、よりによってもっとも遠い一族だった。

残った暖色はすべて開口の向こうにある

画面全体で 330°–90° は 18,282 画素しかない。家のある帯(y 0.25–0.70)が 13,258 画素、二つの提灯がある下縁が 4,917 画素、夜空の帯はわずか 107 画素。もっとも濃い 3% は L 0.79、彩度 0.112、78°、つまり二つの提灯の芯である(左 68°、右 56°、L 0.85–0.86 まで明るく、全画の明度 p99 である 0.72 を越える)。二階の三つの窓は 44°、階下の二つは 3° と 19°、門灯に照らされた木の扉は 28°。逆に、画面下縁の暖かく見えるあの砂の道は 330°–90° で nothing matched を返し、実測は 190°、左下隅の草も 170° にすぎない。夜に暖色をひとつ残したいなら、明るくするのではなく、開口をひとつ与えること。

この配色を持ち帰る

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

/* アカツキワイナリー・灯る窓 · Dawn Winery, Lit Windows at Night — Teyvat Palette */
:root {
  --night-sky: oklch(0.32 0.074 260); /* 夜空の青 #1b3258 */
  --roof-at-night: oklch(0.36 0.042 267); /* 夜の屋根 #333d54 */
  --plaster-wall: oklch(0.45 0.042 243); /* 漆喰の壁 #41586b */
  --night-foliage: oklch(0.53 0.069 144); /* 夜の葉 #537652 */
  --forecourt-stone: oklch(0.59 0.065 238); /* 前庭の石 #5883a0 */
  --lit-window: oklch(0.62 0.041 44); /* 窓の火 #9c7f72 */
  --lantern-core: oklch(0.79 0.112 78); /* 提灯の芯 #e2b163 */
  --gradient-winery-exterior: linear-gradient(180deg, oklch(0.32 0.074 260) 0%, oklch(0.36 0.042 267) 20%, oklch(0.45 0.042 243) 38%, oklch(0.62 0.041 44) 52%, oklch(0.53 0.069 144) 68%, oklch(0.79 0.112 78) 84%, oklch(0.59 0.065 238) 100%);
}

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