スメール粛穆空漠待宵

アル・ムアザン宮殿・二つの灯

Bayt Al-Muazzam under Two Lights

色カード

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

再構成グラデーション

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

0%171c2d38%27416263%fbd77878%637578100%997d64

なぜ調和するのか

同じ一間に置かれた色温度の反対な二つの光は、競い合っているのではなく分業している。そして分業は面積と明度で別々に記帳される:冷たい青の光は画面の 53.00% を占め、平均明度 0.35 で、この洞窟を一つの広間として押し広げる。暖かい金の光はわずか 3.72%、平均明度 0.58 で、どこを見るべきかを指す。両族は 168° 隔たっているのに、どちらも相手を奪っていない——この絵の彩度の額度(p99 0.081 から中央値 0.035 を引いた値)は 0.046 しかなく、同じ組で彩度がゼロに等しいアル・ハヤー宮殿の 0.038 とほとんど変わらないのに、焦点ははるかに硬い。焦点の硬さは色相の距離が買うものであって、彩度の額度が買うものではない。

冷たい光は面積で課金し、暖かい光は明度で課金する

青の帯(210°–270°)は 53.00% を占め、平均 L 0.35 / 彩度 0.049 / 色相 258°。金の帯(45°–90°)は 3.72%、平均 L 0.58 / 彩度 0.051 / 色相 66°。面積は 14 倍差、明度は 0.23 差、そして彩度はほぼ同じ——二つの光はどちらも相手の帳簿では一銭も使っていない。金が欲しいのは明るさだ:あの灯の芯は実測 L 0.89 / 彩度 0.121、右へ回り込む光の帯は L 0.61 / 色相 64°、左の小さな香炉の火は L 0.77 / 色相 53°、どれ一つとして 4% を超えて広がってはいない。青が欲しいのは面積だ:頭上の岩(L 0.23)から中景の靄(L 0.37)まで敷き詰めて、どこでも明るくなっていない。一枚の絵のなかで光の仕事は二つ——体積を張ることと、焦点を指すこと——で、必要とする資源はちょうど補い合う。一つの画面に二つの色温度を置くならまず分業を決めること:面積の大きいほうは明るくしない、明るいほうは大きくしない。両方を欲しがれば、互いを打ち消し合う。

3.72% の金は、2.81% の花と同じだけ確かである

同じ組のアル・スークル宮殿は焦点を自ら光る二輪の花に託した:面積 2.81%、矩形の彩度 0.144 で、全画面の彩度の額度を 0.173 まで押し上げている。こちらの金は面積 3.72%、平均彩度 0.051、彩度の額度は 0.046 で、あちらの三割にも届かない——それでも二枚の焦点は等しく一目で分かる。差は色相の帳簿にある:あちらの花の 322° は靄の 275° からわずか 47°、同じ帯の端である。こちらの金の 66° は青い靄の 258° から 168°、ほぼ真向かいだ。ただし色相の距離を買えるには前提がいる:この絵の青と紫は合計 71.46%、大面積がすでに狭い帯へ収まっているからこそ、金に立つべき「向かい」がある。彩度を節約したければ色相の距離を買うこと——まず最大の面をいくつか狭い帯へ押し込み、それから焦点をその帯の真向かいへ置く。

同じ 0.022 の灰でも、片方は打ち消され、片方は譲られたもの

中央の、星形の文様を敷いた石の床は実測 L 0.55 / 彩度 0.022 / 色相 207°、無彩の閾値 0.025 を下回り、全画面 23.22% の無彩面の主体をなす。〈冒険者協会(モンド)・宵の灯〉の床の読み値は彩度 0.022 / 201°——二つの国を隔てて、二枚の床は小数第三位まで同じだ。しかし来歴は正反対である:モンドのあの灰は、暖かい灯と冷たい暮色が同じ床の上で互いを打ち消して生まれたもの。こちらの石床は人が敷いたもので、もともと色相を持たない。だから二つの光はその上で別々に書く——金の光の帯は下縁に至ってなお L 0.55 / 彩度 0.036 / 色相 65°、青い靄はその上でなお 255°、どちらも相手に食われていない。二つの色温度に同じ面の上でそれぞれの身元を保たせたいなら、その面の上で出会わせないこと:もとから色相を持たない素材を与え、画布にするのであって、パレットにはしないこと。

この配色を持ち帰る

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

/* アル・ムアザン宮殿・二つの灯 · Bayt Al-Muazzam under Two Lights — Teyvat Palette */
:root {
  --lampcore-gold: oklch(0.89 0.121 89); /* 灯芯の金 #fbd778 */
  --ribbon-gold: oklch(0.61 0.05 64); /* 流光の金 #997d64 */
  --vault-blue: oklch(0.37 0.066 255); /* 窖の靄青 #274162 */
  --star-pavement: oklch(0.55 0.022 207); /* 星紋の石 #637578 */
  --dome-slate: oklch(0.23 0.034 272); /* 穹頂の黛 #171c2d */
  --gradient-bayt-al-muazzam: linear-gradient(180deg, oklch(0.23 0.034 272) 0%, oklch(0.37 0.066 255) 38%, oklch(0.89 0.121 89) 63%, oklch(0.55 0.022 207) 78%, oklch(0.61 0.05 64) 100%);
}

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