昼喧噪からくり浮遊

ナシャタウン・灼ける昼

Nasha Town, Blazing Noon

色カード

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

再構成グラデーション

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

0%51b4fa26%dd5da348%436a9e66%775c5784%414260100%a1a7ba

なぜ調和するのか

そっくり同じ彩度のピークが二つあると、焦点はその中点へ渡され、中点にあるものは極値を一つも持っていなくてよい。左右二つの反重力環の最も濃い 3% は彩度 0.178 と 0.175、色相 350° と 348°、明度 0.65 と 0.68。全画面で最も濃い 4000 画素のうち 3500 個がこの 330°–360° に落ち、bench が報じる重心は (0.49, 0.29) ——画面のちょうど中央、あの塔である。そこの 315°–360° はわずか 1289 画素、平均彩度 0.049 で、全画面の中央値 0.063 を下回る。声を上げないものを主役にしたいなら、それを強めるのではなく、その両脇に同じ強さのものを対称に据えること。似ていれば似ているほど、中点は硬くなる。

二つの環は同じ数を読む

左の環(0.15, 0.27 から)は 6063 画素、L 0.52 / 彩度 0.118 / 色相 334°、ピーク 0.192。右の環(0.73, 0.23 から)は 6579 画素、L 0.48 / 0.102 / 331°、ピーク 0.199。それぞれ最も濃い 3% を取れば、182 画素の L 0.65 / 0.178 / 350° に対し、197 画素の L 0.68 / 0.175 / 348°。全画面の彩度の天井 0.199 は右の環にあり、左の環との差は 0.007 しかない。三本の通路すべてで同じ数を読むのだから、どちらが「最も濃いところ」により似ているとも言えない——〈衡準の大広間・焔照らし〉の二つの火は明度で同じことをしていた(0.84 対 0.84)。ここではそれが彩度に置き換わっている。

重心には桃色が一画素もない

全画面の 315°–360° は 35590 画素(4.04%)、その最も濃い 3%(1068 画素)は平均 0.173。ところが中央のあの塔をまるごと囲っても(0.42, 0.22 から、18079 画素)、315°–360° に落ちるのは 1289 画素だけで、平均彩度 0.049 は全画面の中央値 0.063 を下回り、ピーク 0.086 は二つの環の半分にも届かない。枠を画面中央の 40%×30%(0.30, 0.15 から)まで広げても 2650 画素、この一族の 7.4% にすぎない。塔そのものを測れば L 0.65 / 彩度 0.083、二本の通路とも中央値をほんの少し上回るだけである。(0.49, 0.29) は計算された位置であって、測られた位置ではない——二つの環が平均して出した座標であり、そこにはまさに何もない。

引き継ぐのは位置であって、別の色ではない

〈豊穣の邦の秘蔵の地・幽かな炬〉は、二つの光が打ち消し合ったあと誰が引き継ぐかは構図が決めると言った。あちらで引き継いだのは収束していく石段である。ここでは道さえ省かれている:二つの環は同じ水平線上に、中軸から同じ距離で掛かっており、「最も濃い」という身分はそのまま一つの座標へならされた。傍証は、この絵の他の誰にも引き継げないことだ——57.77% の青のうち最も濃い天頂でも 0.138、20.74% の紫は平均 0.051、最も暖色らしく見えるあの土壁(0.13, 0.44 から)は実測 L 0.37 / 彩度 0.033、45°–105° は全画面で 14019 画素・平均 0.053 しかない。インターフェースでも同じで、自分では光れない主要区画を目立たせたいなら、縁取りや加色よりも、同じ規格の強い要素を二つ、その両脇に対称に打ち込むほうがよい。

この配色を持ち帰る

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

/* ナシャタウン・灼ける昼 · Nasha Town, Blazing Noon — Teyvat Palette */
:root {
  --ring-core: oklch(0.66 0.176 349); /* 環芯の桃 #dd5da3 */
  --ring-halo: oklch(0.52 0.118 334); /* 環暈の霞 #914c85 */
  --town-zenith: oklch(0.74 0.138 243); /* 町上の青 #51b4fa */
  --gantry-steel: oklch(0.52 0.094 256); /* 鋼架の青 #436a9e */
  --tower-shade: oklch(0.39 0.051 283); /* 楼影の紫 #414260 */
  --mud-wall: oklch(0.5 0.037 30); /* 土壁の赭 #775c57 */
  --plaza-pale: oklch(0.73 0.028 270); /* 広場の白 #a1a7ba */
  --gradient-nasha-town: linear-gradient(180deg, oklch(0.74 0.138 243) 0%, oklch(0.66 0.176 349) 26%, oklch(0.52 0.094 256) 48%, oklch(0.5 0.037 30) 66%, oklch(0.39 0.051 283) 84%, oklch(0.73 0.028 270) 100%);
}

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