璃月夜賑わいの暖夜更け団欒

九略茶館・灯の夜

Jiulue Teahouse on Lantern Night

色カード

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

再構成グラデーション

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

0%2e445f20%4d223740%fbd17e54%d7673868%78343c100%637480

なぜ調和するのか

賑わいは無彩という予算から支払われる。同じ九略茶館で、無彩画素は平日の 56.13% から 25.82% へ落ち、明け渡された 30 ポイントは暖色(5.71% → 27.74%)と夜の青(28.81% → 40.91%)の両端に分け合われた。それでいて画面は平日より暗い(明度中央値 0.54 → 0.47)——場を賑やかにしたいなら、まず手元の灰がいくらあるかを数えること。地を明るくすることではない。

灰がこの祭の予算だ

平日の九略茶館では 56.13% の画素が彩度 0.025 に満たない。白壁、青瓦、石庭である。灯の夜、それは 25.82% しか残らない。この 30 ポイントは一分も元の場所に留まっていない——暖色帯(345–90°)は 5.71% から 27.74% へ、青帯(210–270°)は 28.81% から 40.91% へ。両端が同時に太り、中央が抜かれたのだ。彩度の中央値が 0.021 から 0.045 へ跳ねるのはそのためである。祭を催したければ、まず手元に何も語らない面がどれだけあるかを数えること。使える金はそこにしかない。

賑やかになり、しかも暗くなる

明度の中央値は 0.54 から 0.47 へ、p99 は 0.87 から 0.81 へ落ちている——この祭は何ひとつ明るくしていない。変わったのは明度の頂に載るものだ。平日の最も明るい 4000 画素は L 0.90・彩度 0.016 の敷石、灯の夜の最上段はなお L 0.88 でありながら彩度 0.112、両脇の彩色された灯屏である(ピーク 0.199、画面の最高値)。同じ明度の頂に、一方は白を、一方は黄を載せた。賑わいとは「より明るい」ことではなく、明度の頂を色のあるものに明け渡すことである。

灯が届いた所だけが暖かい

庭の敷石は全体としては 238° の冷たい灰のままだ。それでもその 14.7% の画素が 15–90° に入り、平均 41° になる——提灯が石の上にこぼした光の溜まりであって、地面ごと暖色に振ったのではない。灯の届かないものは夜に従う。左の画縁の紅楓は平日 17°・彩度 0.134 だったのに、今夜は 351°・彩度 0.072、マゼンタへ 26° 回り、明度は 0.20 落ちた。画面を「祭にしたい」なら、地の色を暖めてはいけない。無彩の面を明け渡し、暖色は光源とその光が届いた一溜まりだけに与え、地は冷たいほうへ押し続けること。

この配色を持ち帰る

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

/* 九略茶館・灯の夜 · Jiulue Teahouse on Lantern Night — Teyvat Palette */
:root {
  --night-blue: oklch(0.38 0.054 255); /* 夜の青 #2e445f */
  --court-at-night: oklch(0.55 0.027 238); /* 石庭の夜青 #637480 */
  --banner-red: oklch(0.42 0.096 15); /* 幡の紅 #78343c */
  --lantern-amber: oklch(0.64 0.153 42); /* 提灯の橙 #d76738 */
  --lit-screen-gold: oklch(0.88 0.112 83); /* 灯屏の黄 #fbd17e */
  --night-maple: oklch(0.32 0.072 351); /* 夜の楓 #4d2237 */
  --gradient-lantern-rite-festival-5-3-jiulue-teahouse: linear-gradient(180deg, oklch(0.38 0.054 255) 0%, oklch(0.32 0.072 351) 20%, oklch(0.88 0.112 83) 40%, oklch(0.64 0.153 42) 54%, oklch(0.42 0.096 15) 68%, oklch(0.55 0.027 238) 100%);
}

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