スメール幽邃粛冷夜守り

秤罪主殿・焔明かり

Great Hall of Truths by Brazier Light

色カード

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

再構成グラデーション

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

0%181d3430%35416146%23cbd860%fcbd7170%be5f64100%4a352e

なぜ調和するのか

色のある光では、「遠い」は彩度の勘定に付く。明度には付かない——ただしその床がもともとその光の色相であるかぎり。秤罪主殿の床を四箇所で測る:火盤の真下彩度 0.036 / L 0.32、斜め下 0.034 / 0.36、左下隅 0.026 / 0.33、中軸の末端 0.020 / 0.34——明度の四箇所の極差はわずか 0.04、彩度は半分まで落ち、最も遠い一区画はすでに無彩の閾値 0.025 を下回っている。〈シュッツ鍛冶屋・炉の灯〉でも明度は同じように平ら(三箇所の ΔL はすべて 0.05 以内)だったが、あの床はもともと日光の青碧で、差額は色相に付けるほかなかった(194° / 190° / 49°)。ここの床はもともと火の暖色で、色相には替える余地がない。灯りに照らされた床を描くなら、まずその床の固有色が灯りの色相かどうかを見る:そうなら彩度だけ、違うなら色相だけを動かす。どちらの場合も明度には手を出さないこと。

床は四箇所、動いているのは彩度だけ

下縁を埋める赤陶の敷石は画面の 28%、221,875 画素を占め、平均 L 0.35 / 彩度 0.032 / 色相 38°。四箇所に分けて測ると差額はすべて彩度に出る:0.036 → 0.034 → 0.026 → 0.020。色相はついでに黄側へ 22° 流れ(27° → 49°)、明度は終始 0.32–0.36 のなかで動かない。これは暗い場で最も安上がりな「遠近」だ——明度はすでに「ここは暗い堂である」に使い切られていて、これ以上動かせば床が二階建てに読まれてしまう。単色の床の上で光源からの距離を表したいなら、まず明度を固定し、彩度だけを落とす。無彩の閾値を割った区画が、その灯りの届かない境界である。

色のある光が面か点かで、灰が残るかどうかが決まる

二つの火は自力で全画面の天井まで届いている:左の盤 L 0.65 / 彩度 0.096、右の盤 L 0.64 / 0.099、Cmax は 0.162 と 0.164。ところがその火が照らす床は、I 群の統一矩形(0.30,0.85,0.30,0.12)で L 0.33 / 彩度 0.024 / 41°——無彩線の下だ。〈冒険者協会(稲妻)・夕映え〉は同じ矩形で 0.058 / 46°:色相はほぼ同じで、彩度はここの 2.4 倍、無彩は 8.09% まで押し下げられている。一方ここの無彩はかえって 9.37% ある。I 群の「光そのものに色があるとき、最も大きな面はもう灰ではなくなり、中性の予算はゼロになる」——それはその光が面か点かによる。夕日の空一面は照らし尽くすが、火盤二つは自分の周りしか買えない。

最も声の大きい一族は 0.50%、しかも火ではない

165°–210° の一族は全画面でわずか 0.50% しかないのに、統計上、平均彩度が最も高い一族である(0.078、対して紫 0.050 / 青 0.058 / 橙 0.038)。最も濃い 3% の 132 画素は L 0.77 / 彩度 0.126——中軸の機関に灯る青碧の光だ。一方、最も明るい 4000 画素のうち左の火盤が 906 個(L 0.84 / 0.118 / 70°)、右の火盤が 865 個(L 0.84 / 0.122 / 69°)で、四桁の数字までほぼ同一。中軸の 466 個は L 0.76 / 0.090 / 200° にすぎない。同じ火が二つあると「最も明るい」という身分は互いに打ち消し合い、焦点はより暗く、より小さく、しかし全画面で唯一の青碧である光へ移る。色のある光が二束以上あるとき、焦点は最も明るい束ではなく、色相を独占している束に行く。左右対称の構図ではとくにそうだ——焦点を指定したいなら、中軸により多くの光を与えるのではなく、ほかにない色相を与えること。

この配色を持ち帰る

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

/* 秤罪主殿・焔明かり · Great Hall of Truths by Brazier Light — Teyvat Palette */
:root {
  --vault-violet: oklch(0.24 0.044 273); /* 穹頂の紫 #181d34 */
  --hall-haze: oklch(0.38 0.057 267); /* 堂内の霞紫 #354161 */
  --mechanism-cyan: oklch(0.77 0.126 203); /* 機関の青碧 #23cbd8 */
  --flame-core: oklch(0.84 0.118 70); /* 焔心の黄 #fcbd71 */
  --brazier-red: oklch(0.6 0.122 18); /* 銅盤の紅 #be5f64 */
  --terracotta-floor: oklch(0.35 0.032 38); /* 階前の赭 #4a352e */
  --gradient-great-hall-of-truths: linear-gradient(180deg, oklch(0.24 0.044 273) 0%, oklch(0.38 0.057 267) 30%, oklch(0.77 0.126 203) 46%, oklch(0.84 0.118 70) 60%, oklch(0.6 0.122 18) 70%, oklch(0.35 0.032 38) 100%);
}

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