スメール朧げ馥郁ほろ酔い

アル・スークル宮殿・花明かり

Bayt Al-Sukr by Flowerlight

色カード

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

再構成グラデーション

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

0%3a65a828%ad37e555%37437880%373f76100%2d1d33

なぜ調和するのか

暗い場の彩度の額度は、自ら光るものにしか買えない:右上の二輪のパディサラーは実測 L 0.59 / 彩度 0.250 で、画中に見えているあの光(0.51 / 0.117)を明度でも彩度でも同時に越えている。占める面積は全画面の 2.81% にすぎないのに、彩度の額度(p99 0.227 から中央値 0.054 を引いた値)を 0.173 まで押し上げた——同じ組のアル・ハヤー宮殿は 0.038、4.6 倍の差だ。一方、四枚の明度の額度は 0.34 / 0.37 / 0.39 / 0.45 で、誰も多くは取っていない。暗い絵と暗い絵を隔てるのは明度ではなく彩度であり、その彩度は調色でつくるものではなく、画中の何かが自分で稼ぐものである。

花は光より明るく、光より濃い

天井から差すあの光の最も明るい一群は実測 L 0.51 / 彩度 0.117 / 色相 259°、右上のパディサラーの群の最も明るい一群は L 0.59 / 彩度 0.250 / 色相 312°——二つの通路でそれぞれ 0.08 と 0.133 上回っている。これはまさに〈王山庁・苔の光〉が立てた判定基準だ:画中に見えている光源を明度と彩度の両方で越えてはじめて「光っている」、片方だけなら「照らされている」にすぎない。あちらは昼の室内で両者とも明るかった(苔の潭 0.81 / 0.093 対天窓 0.71 / 0.066)。こちらは両者とも暗いが、基準はそのまま成り立つ——比べているのは絶対値ではなく順位だからである。構図上の系も一つ足しておく:花は画枠の右上、あの光からいちばん遠い隅に置かれている。照らされているものが光源から最も遠い場所で最も明るいはずがない。位置そのものが証言しているのだ。何かを「光っている」と読ませたいなら、まず光の届かない場所へ移すこと。

焦点の買い方は二つ——彩度で払うか、色相の距離で払うか

この絵の隣り合う三つの帯——青 36.06%、紫 44.54%、桃 14.07%——が画面の 94.67% を食い、210°–345° にまたがる。45°–165° を探しても全画面で 141 画素、平均 L 0.63 で、ハイライトのグラデーションに出た圧縮の偽色だ。花の 322° はこの幅 135° の帯の端であって、靄の 275° からわずか 47°:よそ者ではなく、同じ帯が突き当たりまで押し上げられたものである。同じ組のアル・ムアザン宮殿は別の道を行く——あの金の灯は 66°、青い靄の 258° から 168° 離れ、面積 3.72%、彩度の額度は 0.046 しかないのに、焦点は同じくらい明確だ。色相の距離で払うほうがはるかに安いが、残り全部を狭い帯に収めることを要求する。彩度で払うのは高くつく(ここでは 0.173)が、画面を対立する二つに引き裂かない。

明度では一銭も得をしていない

四つの宮殿の明度中央値は 0.25 / 0.30 / 0.30 / 0.32、アル・スークル宮殿の明度の額度 0.39 は四枚のなかで三番目にすぎない(アシュヴァッタ神殿 0.45、アル・ムアザン宮殿 0.37、アル・ハヤー宮殿 0.34)。それでも一目で最も鮮やかなのはこの一枚だ。理由はすべて彩度の帳簿にある:0.173 はアル・ハヤー宮殿の 0.038 の 4.6 倍であり、その差額を買っているのは 3% にも満たないあの花である——桃の帯は全体で 14.07% あるが平均彩度は 0.059 しかなく、その大半は靄と岩の紫紅寄りの傾き、本当に高彩度なのは花のある一区画だけ(矩形の平均 0.144、ピーク 0.269)。ダークテーマで「もっと暗く」に力を注ぐのはやめること。その一段は誰にでも出せる。問うべきは、誰が光るのか、そしてそれがなぜその彩度に値するのか、である。

この配色を持ち帰る

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

/* アル・スークル宮殿・花明かり · Bayt Al-Sukr by Flowerlight — Teyvat Palette */
:root {
  --padisarah-magenta: oklch(0.59 0.25 312); /* パディサラーの紫紅 #ad37e5 */
  --rift-blue: oklch(0.51 0.117 259); /* 裂け目の青 #3a65a8 */
  --violet-haze: oklch(0.39 0.092 275); /* 紫の靄 #373f76 */
  --bud-violet: oklch(0.4 0.091 272); /* 蕾の紫 #374378 */
  --shadow-crimson: oklch(0.26 0.047 316); /* 影岩の絳 #2d1d33 */
  --gradient-bayt-al-sukr: linear-gradient(160deg, oklch(0.51 0.117 259) 0%, oklch(0.59 0.25 312) 28%, oklch(0.4 0.091 272) 55%, oklch(0.39 0.092 275) 80%, oklch(0.26 0.047 316) 100%);
}

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