スメール昼炎天涼やかがらんと

プスパカフェ・白く灼けた昼

Puspa Café in Bleached Noon

色カード

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

再構成グラデーション

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

0%63a4cc10%e6f9fb24%153c2440%2e666156%a4725f84%d6dac5100%44687e

なぜ調和するのか

頭上が開けた空しか無いとき、同じ地面の陽の当たる側と背光側は色相環の両側に分かれる:陽に灼けた石場は 40,608 画素で L 0.88 / 彩度 0.029 / 色相 115°、同じ敷石が下縁の一角で深い影に落ちた 4,608 画素は L 0.50 / 彩度 0.054 / 235°——色相差 120°、しかも彩度は逆に 1.9 倍に増えている。235° は適当な青ではない:画面上四分の一で 210°–270° に落ちる 99,874 画素の空の平均は 237°、その差はわずか 2°。同じ回のスメール市街の店先四枚のうち落差が最も大きい一枚であり、同時に最も灰色の一枚でもある(無彩 32.49%)。この二つは同じ一つの事実だ——陽の当たる面が彩度を手放し、影がそれを代わりに取り戻す。そして取り戻してくるのは、頭上のあの空の色相である。明るさと色を同時に欲しいなら、同じ一つの面に求めないこと。

灼けるとは黄に振ることではなく、彩度を手放すこと

石場の 40,608 画素は彩度 0.029、無彩の線 0.025 よりわずか 0.004 高いだけで、全画面の彩度中央値 0.037 より薄い——画面で最大の面が中央値より淡いのに、色相 115° は一歩も動いていない。〈フォンテーヌ廷・晴れわたる昼〉は「白とは同色相の半分の彩度だ」と言った。ここではもっと深く切り、無彩の線に貼りつくところまで落としている。支えているのは明度が 0.88 まで届いていることだ(全画面の p99 でも 0.95 しかない)。この絵の 32.49% の無彩はほとんどこの一面が出しており、しかも灰色の絵具に置き換えたわけではない。灼けを描くなら黄に振らないこと:その面の彩度を無彩の線まで押し下げ、明度を全画面の上限近くまで押し上げる。

影の中のあの 2°

下縁の一角の深い影は 4,608 画素で L 0.50 / 彩度 0.054 / 235°、上四分の一の空の 237° とはわずか 2°。奥の路地の影は 226° で、これも同じ一族である。〈万端珊瑚探偵所・日陰の昼〉は同じことの反対半分を測っていた——天光は一度手を離れると彩度が半分以下に落ち、色相は一度も動かない。ここでは符号が反対だ:陽の当たる側 0.029、背光側 0.054 で、彩度は増えている。陽の当たる側が先に漂白されてしまったからだ。だから一片の青が空なのか影なのかを見分けるのに彩度を測るのは今も正しい。ただし、どちらが漂白された側なのかを先に見極めること。

日に当たらなければ、濃くなれない

二本の珊瑚色の日傘はこの絵で唯一まとまった暖色だ:15°–60° の窓に 12,472 画素、L 0.60 / 彩度 0.070、ピークは 0.103 しかない。全画面の 330°–60° も 17,542 画素、ピーク 0.106 で、天井 0.177 の六割に届かない。傘は自分で作り出した影の中に立ち、受け取る補助光は 237° の空だ——42° に力を貸せるはずがない。同じ回の〈ビマリスタン・天幕の陰〉のあの朱の天幕は直射日光を浴びており、同じ布でありながらピークは 0.149。同じ街、同じ材質でも、一枚の布がどこまで濃くなれるかは、日が当たるかどうかで先に決まっている。

この配色を持ち帰る

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

/* プスパカフェ・白く灼けた昼 · Puspa Café in Bleached Noon — Teyvat Palette */
:root {
  --clear-sky-blue: oklch(0.69 0.089 237); /* 晴天の青 #63a4cc */
  --cloud-white: oklch(0.97 0.02 203); /* 雲の白 #e6f9fb */
  --trunk-deep-green: oklch(0.32 0.061 154); /* 幹の深緑 #153c24 */
  --glazed-roof-green: oklch(0.47 0.059 189); /* 釉薬瓦の緑 #2e6661 */
  --coral-parasol: oklch(0.6 0.07 42); /* 珊瑚の日傘 #a4725f */
  --bleached-plaza: oklch(0.88 0.029 115); /* 灼けた白い石場 #d6dac5 */
  --shadowed-stone: oklch(0.5 0.054 235); /* 影の中の石 #44687e */
  --gradient-puspa-caf: linear-gradient(180deg, oklch(0.69 0.089 237) 0%, oklch(0.97 0.02 203) 10%, oklch(0.32 0.061 154) 24%, oklch(0.47 0.059 189) 40%, oklch(0.6 0.07 42) 56%, oklch(0.88 0.029 115) 84%, oklch(0.5 0.054 235) 100%);
}

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