Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
長野原花火屋・日陰の店先
稲妻昼清朗涼しい陰のどかな日

長野原花火屋・日陰の店先

Naganohara Fireworks in the Shade

色カード

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

再構成グラデーション

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

0%4488c412%1e775b34%33584f56%20506a76%26323a100%bfa8a0

なぜ調和するのか

人工の色は、新しい色相をひとつも発明せず、ただ彩度を半分に削るだけでよい——屋根の 177° は梢の 167° の隣に、店先の暖簾の 236° は空の 247° の隣に並び、梢の最も飽和した 3% が 0.146 に達するのに、屋根全体のピークはわずか 0.055 しかない。これは彩度の天井の、下側のほうである——〈アアルの影・白光〉では剥き出しの敷石が 0.039、人が嵌め込んだ花石板が 0.109 で、線を越えたものこそが人工物だった。こちらは生きものが人より鮮やかで、人工の色は線の下に留まるしかない。

01

屋根は緑帯にいない

眼はこの屋根を画面で最も大きな緑の塊として憶える。だが測ってみると、それは緑帯にすらいない——瓦面は実測 177°、165–210° の青帯(全体の 20.9%)の側に落ちる。90–165° の本当の緑は 2.52% しかなく、そのうち最も鮮やかな部分が現れるのは二箇所だけだ。左上の梢と、石畳の隙間に生えた数株の草である。瓦面と梢の差はわずか 10°、眼は色を見誤ってなどいない。この広大な緑から発言権を奪っているのは彩度のほうで、0.046——梢の半分にも満たない。広い面積を静かにさせたいなら、色相を替える必要はない。彩度を 0.05 以下まで落とせばそれで足りる。

02

同じ明度、半分の彩度

右手の屋根は実測 L 0.51、梢とまったく同じ明度でありながら、彩度は 0.042 対 0.094、ちょうど半分である。それぞれ最も飽和した 3% を取れば、梢は 0.146、石畳の草は 0.148、それに対して二枚の瓦面は 0.051 にとどまり、ピークも 0.055 と 0.050 でしかない——屋根をくすませているのは逆光ではない。屋根には高彩度という段そのものが一切用意されていないのだ。画面の彩度の最高値 0.182 は (0.48, 0.77) に落ちる。石畳の隙間の、百画素ほどの雑草であり、屋根全体のピークの三倍を超える。同じ天井が〈アアルの影・白光〉では逆向きに読まれている:あちらでは剥き出しの敷石が 0.039(ピーク 0.075)、オベリスクの柱身が 0.043(ピーク 0.070)、そこに人が嵌め込んだ花石板だけが 0.105–0.108、ピーク 0.140(数値は同篇の本文からの引用)——線を越えたものこそが人工物だった。符号を決めるのは環境である:砂漠の裸石は自分の色を持たず、人が唯一の彩色者になる。稲妻の木は生きていて、人工物は生きものより鈍くなるほかない。まず環境にもともと人より鮮やかなものがいるかを問い、それから人工の色を天井のどちら側に置くかを決めること。

03

稲妻の店は叫ばず、璃月の店は叫ぶ

同じ一軒の店でも:明星斎は朱 4°(彩度 0.074)と扁額の金 95° を店構えに掲げる。どちらも環境にもともと無かった色相で、身分は色相が宣言している。長野原のこの店は新しい色相をひとつも持ち込まない——暖簾 236°、妻壁の円い紋章 254°、二つの紙提灯は彩度 0.026 と 0.022。店先の装置一式が、空の 247° の帯のなかに留まったまま、ただ一段暗く、半分淡いだけだ。飽和を許されている唯一のものは、庇の下の台に広げられた藍の陳列布で、最も鮮やかな 96 画素が 0.121 に届く。だからこれは趣味の問題ではなく、位置取りの選択である。環境の色相を借りれば、あなたのものはその場所に属する。環境に無い色相を持ち込んで初めて、それはあなた自身のものになる。

この配色を持ち帰る

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

/* 長野原花火屋・日陰の店先 · Naganohara Fireworks in the Shade — Teyvat Palette */
:root {
  --roof-moss: oklch(0.43 0.046 177); /* 瓦の苔青 #33584f */
  --canopy-green: oklch(0.51 0.094 167); /* 梢の緑 #1e775b */
  --noren-blue: oklch(0.41 0.068 236); /* 暖簾の青 #20506a */
  --zenith-blue: oklch(0.61 0.114 247); /* 天頂の青 #4488c4 */
  --timber-shade: oklch(0.31 0.022 237); /* 杉板の影 #26323a */
  --sunlit-flagstone: oklch(0.75 0.029 41); /* 日向の石畳 #bfa8a0 */
  --crack-grass: oklch(0.73 0.148 134); /* 石畳の草 #80bb56 */
  --gradient-naganohara-fireworks: linear-gradient(180deg, oklch(0.61 0.114 247) 0%, oklch(0.51 0.094 167) 12%, oklch(0.43 0.046 177) 34%, oklch(0.41 0.068 236) 56%, oklch(0.31 0.022 237) 76%, oklch(0.75 0.029 41) 100%);
}

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