稲妻昼晴れやか涼冽花の気配

秋沙銭湯・桜の昼

Aisa Bathhouse in Blossom Light

色カード

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

再構成グラデーション

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

0%74539d18%2067b132%ebfcfe60%1f324586%515b70100%a278a5

なぜ調和するのか

ひとかたまりの色の名前は、光を受けたごく一部が決める。桜の樹冠のうち紫帯に落ちる画素は 70,270 個、平均 303°・L 0.51・彩度 0.117。本当に桃帯に入るのはわずか 3,860 個——全体の 5.2% でしかないのに、明度は 0.14 高く、この木の名前はその一握りだけで署名されている。広い面をある色として読ませたいなら、光の当たる層だけをそこへ寄せればいい。

紫が樹で、桃は光

桜冠の矩形を二つの色相窓に分けて測る。270°–315° には 70,270 個、平均 303°・L 0.51・彩度 0.117。315°–345° にはたった 3,860 個、平均 321°・L 0.65。後者は前者の十八分の一しかないのに明度は 0.14 高い——日光に照らされ、透かされた花びらの層がそれだ。目は陰の中の色相に票を入れない。「これは光を受けた面だ」と自分で確認できた一握りしか認めない。

桃色は色相ではなく明度の帯

全画面で 315°–345° に落ちる画素は 0.99% しかなく、平均 L 0.63。画面全体の明度中央値は 0.45 である。広場の石畳に散った花びらは実測 327°・L 0.56、同じ矩形の中の石畳は L 0.39 しかない。宙を舞う花びらは 329°・L 0.56、その背後の空は L 0.48。桃色はこの絵で一度も暗い場所に現れていない——現れるたびに隣より 0.17 あるいは 0.08 だけ高い位置にいる。ここでの桃色は調合された色相ではなく、「光を受けた」ことの副産物なのだ。

5% のために残された一息

全画素の 69.84% が青帯に集まり、平均 252°。空も瓦も湯屋の木組み(250°)も広場の石畳(266°)も同じ色相を共有していて、この桜だけが例外である。もし樹冠全体を 321° の桃に塗れば、68° を隔てて彩度 0.136 の空と正面から張り合うことになる。画面が選んだのは、樹冠の 94.8% を 303° まで退かせて空との距離を 50° に収め、桃色は光を受けた 5% にだけ配るというやり方だった。広い面をある色として読ませたいなら、主体ではなく光を受けた縁を寄せること——彩度の予算は半分で済み、しかも本物の光に近い。

この配色を持ち帰る

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

/* 秋沙銭湯・桜の昼 · Aisa Bathhouse in Blossom Light — Teyvat Palette */
:root {
  --sakura-violet: oklch(0.51 0.117 303); /* 桜冠の紫 #74539d */
  --lit-petal: oklch(0.63 0.081 324); /* 散る花の桃 #a278a5 */
  --clear-sky: oklch(0.51 0.136 253); /* 晴空の青 #2067b1 */
  --cumulus-white: oklch(0.98 0.018 204); /* 雲の白 #ebfcfe */
  --bathhouse-timber: oklch(0.31 0.043 250); /* 湯屋の墨 #1f3245 */
  --plaza-flagstone: oklch(0.47 0.036 266); /* 石畳の青 #515b70 */
  --gradient-aisa-bathhouse: linear-gradient(160deg, oklch(0.51 0.117 303) 0%, oklch(0.51 0.136 253) 18%, oklch(0.98 0.018 204) 32%, oklch(0.31 0.043 250) 60%, oklch(0.47 0.036 266) 86%, oklch(0.63 0.081 324) 100%);
}

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