スメール奥深い賑わい灯のぬくもり

グランドバザール・灯の陰

Grand Bazaar, Lamps in the Shade

色カード

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

再構成グラデーション

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

0%0c1c1718%0e281b48%3d484566%3b2d2584%4f4730100%655635

なぜ調和するのか

一つの灯が見えるかどうかは、それが照らす面にまだ何本の勘定が残っているかで決まる。グランドバザールの石畳には固有色が無い——灯の届かない路面を二か所測ると、3,311 画素と 5,871 画素、彩度はどちらも 0.015、最大値も 0.021 と 0.023 しかなく、無彩の線 0.025 を越える画素が一つも無い。ところが灯柱の足元の地面は彩度が 0.038 まで上がり、色相は 193° から 92° へ振れ、明度は 0.38 から 0.40 へ動くだけだ。〈シュッツ鍛冶屋・炉の灯〉の地面は日光の青で、差額は色相にしか計上できない。〈秤罪主殿・焔明かり〉の地面はもともと火の暖色で、彩度にしか計上できない。ここの地面は何でもないので、二本まとめて計上される。道を無彩に敷くのは控えめにするためではなく、どの灯にも使える通路を二本残しておくためだ——そして明度という一本は、三枚とも一度も動いていない。

道は葉より明るいのに、色はもっと無い

灯の届かない石畳を三か所:画面中ほどの 3,311 画素が L 0.38 / 彩度 0.015、下縁の 5,871 画素が L 0.40 / 0.015、左下隅の 10,440 画素が L 0.52 / 0.019——明度は 0.14 の幅で動くのに、彩度は微動だにせず、前の二か所は最大値が 0.021 と 0.023 で、線を越える画素が一つも無い。同じ画面の左右の葉叢は L 0.25 / 0.040 と L 0.25 / 0.039。つまりこの道は「暗すぎて色が無い」のではない。葉より 0.13 から 0.27 も明るく、それでいて色はもっと無いのだ。ある灰が材質そのものに色相を持たないかどうかを判じたいなら、暗さを見てはいけない——同じ画面の中で、それと同じくらい明るい、あるいはもっと暗いものを見つけて彩度を比べること。

灯は二本の勘定、明度はその中に無い

灯柱の足元は 2,368 画素で L 0.40 / 彩度 0.038 / 色相 92°、同じ横帯で照らされていない側は 3,311 画素で L 0.38 / 0.015 / 193°:彩度は 2.5 倍、色相は 101° も振れ、明度はわずか 0.02 しか上がらない。右下の屋台前の 5,253 画素は L 0.46 / 0.053 / 86° で、同じ高さの路面に対しても明度は 0.06 多いだけだ。〈シュッツ鍛冶屋・炉の灯〉の同じ石畳は日向 194°、庇の下 190°、炉口の正面 49°、ΔL はすべて 0.05 以内、ΔC は 0.005 以内——あの地面は日光の青で、換えられるのは色相だけだった。〈秤罪主殿・焔明かり〉の地面はもともと火の暖色で、色相は 22° しか動かず、差額はすべて彩度に計上された。この一枚が三つ目を埋める:地面にそもそも固有色が無いとき、二本を同時に計上できる。三つとも明度は一度も動かされていない——灯の照らす地面を、明るくして描いてはいけない。

商品に色は無く、色はすべて灯の位置にある

右下の、鮮やかな紅に見える布の天幕は、13,325 画素を測ると L 0.31 / 彩度 0.026 / 色相 49°。無彩の線をわずか 0.001 上回るだけで、全画面の彩度中央値 0.031 を下回っている——この市場でいちばん商品らしい色が、自分の絵の中央値より薄いのだ。暖色 330°–90° は全体で 71,801 画素(8.15%)しかなく、その最も濃い 3% でも 0.094 止まり。逆に、最も明るい 4000 画素はどのひとかたまりも大きくならない:最大でも 1,035 画素、上位の七つを合わせて 3,330 画素が七つの別々のセルに分かれ、色相はすべて 69°–96° の狭い一段に収まる——光源が一つあるのではなく、灯が七か所あるということだ。物を売る場所で、商品が一つも自分の色を持っていない。そうなると画面の彩度分布は、そのまま灯の配置図になる。夜市を描くなら、商品の彩度をいじるのではなく灯を置くこと——そして灯の照らす地面を、色相の無いものに敷いておくこと。

この配色を持ち帰る

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

/* グランドバザール・灯の陰 · Grand Bazaar, Lamps in the Shade — Teyvat Palette */
:root {
  --canopy-ink: oklch(0.21 0.024 170); /* 樹冠の墨 #0c1c17 */
  --leaf-wall: oklch(0.25 0.04 161); /* 葉壁の青 #0e281b */
  --awning-red: oklch(0.31 0.026 49); /* 天幕の紅影 #3b2d25 */
  --unlit-paving: oklch(0.39 0.015 178); /* 灯の無い石 #3d4845 */
  --lamplit-paving: oklch(0.4 0.038 92); /* 灯の下の石 #4f4730 */
  --stall-glow: oklch(0.46 0.053 86); /* 屋台前の黄 #655635 */
  --gradient-grand-bazaar: linear-gradient(180deg, oklch(0.21 0.024 170) 0%, oklch(0.25 0.04 161) 18%, oklch(0.39 0.015 178) 48%, oklch(0.31 0.026 49) 66%, oklch(0.4 0.038 92) 84%, oklch(0.46 0.053 86) 100%);
}

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