Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
アル・ヌハスの都・金の塵
スメール幽遠暖かい塵からくり

アル・ヌハスの都・金の塵

Madinat al-Nuhas in Golden Dust

色カード

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

再構成グラデーション

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

0%0f0e1420%1d1e2c42%e5b65f62%57432c100%987743

なぜ調和するのか

上と下の差額は三本まとめて計上することもできる。ただしそれは、上と下が同じ光に属していないと宣言することだ——同じ一対の矩形でアル・ヌハスの都の上下縁を測ると、明度 0.20 対 0.53、彩度 0.015 対 0.075、色相 274° 対 76°。三本の軸をすべて振り切っている。だが手に入るのは「より強く分かれること」ではなく、空を蓋に取り替えることだ。画面最上部の高さ 10% の岩天井は、92,160 画素のうち一つも無彩の線を越えず、彩度の最大値はわずか 0.024。150°–330° の寒色側の半円は、全画面で 1,448 画素しか残っていない。同じ回の〈トレジャーストリート・晴れの裂け目〉は色相一本だけで上下を分けた(両端の彩度 0.052 対 0.060)。あちらには空があり、こちらには無い——三本すべてを使って買えるのは分離の強さではなく、「ここに出口は無い」という一言である。

01

寒さは明度が化けたもの

全画面の 150°–330°、寒色側の半円はわずか 1,448 画素。平均彩度 0.026、最大 0.052——無彩の閾値 0.025 をぎりぎり踏んでいるだけなのに、見た目は一面の仄青い洞天井である。上縁の高さ 10% の岩帯 92,160 画素は、彩度の最大値 0.024、一つも線を越えていない。暖かい側のほうは正真正銘だ:15°–105° に 404,297 画素、平均 L 0.47 / 彩度 0.060 / 色相 71°。三本まとめて計上した代償はここにある——色相の一本を 162° まで使い切ったあと、天井の面にはもう使える色相が残っておらず、低い明度だけで語るしかない。そして観る者が「寒さ」を勝手に補う。寒い暗部を描きたいなら、まず色相をまったく与えずに試すこと。隣の広大な暖色が代わりに冷やしてくれる。

02

光は物の上ではなく、空気の中にある

この洞窟都市で本当に照らされている実体は少ない:下縁の六角形の円台は L 0.59 / 彩度 0.081 / 色相 77°、最も濃い 3% で L 0.84 / 0.119 / 88°。その上方に漂う、何も無い二枚の塵霞は、一方が L 0.42 / 0.049 / 68°、もう一方が L 0.36 / 0.040 / 71°——全画面の彩度中央値は 0.020 しかなく、塵霞はその二倍以上、そして黄の帯だけで画面の 44.77% を食べている。〈千尋の砂漠・風砂〉は「環境の色の半分は空気の色だ」と言った。この一枚はさらに極端で、上下の 162° の色相差を担う実体は一つも無い。担っているのは塵霞の 0.045 と、ほとんど色相を持たない岩天井の 0.012 である。空間に光が流れている感じを出したいなら、彩度を灯そのものに全部渡さず、灯と目のあいだの空気に渡すこと。

03

三本すべてを使って買うのは「空が無いこと」

同じ一対の矩形を同じ回の他の三枚に当ててみる:シャープールホテルは上下とも明度 0.33、違うのは彩度だけで 0.076 対 0.024。トレジャーストリートは上下の彩度が 0.052 対 0.060、違うのは色相だけで 159° 対 233°。ウィカラ隊商宿は上下の色相 158° 対 123° が同族で、違うのは明度だけの 0.34 対 0.87。三枚とも分かれているし、分かれ方も澄んでいる。アル・ヌハスの都は三本を同時に使い、得たのはより強い分離ではない——明度差 0.33 はウィカラの 0.53 にすら及ばない——意味の転換である:上の面はもはや空として読まれず、蓋として読まれる。逆から使えばいい。空間に出口を感じさせたいなら、天と地を一本の軸だけで分けること。閉じさせたいなら、三本を同時に振り切ること。

この配色を持ち帰る

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

/* アル・ヌハスの都・金の塵 · Madinat al-Nuhas in Golden Dust — Teyvat Palette */
:root {
  --rock-lid-violet: oklch(0.17 0.012 293); /* 岩蓋の紫 #0f0e14 */
  --remote-violet: oklch(0.24 0.026 280); /* 遠影の紫 #1d1e2c */
  --clockwork-gold: oklch(0.8 0.118 81); /* からくりの金 #e5b65f */
  --dust-haze-gold: oklch(0.4 0.045 70); /* 塵霞の金 #57432c */
  --lamplit-terrace: oklch(0.59 0.081 77); /* 灯照らす石台 #987743 */
  --gradient-madinat-al-nuhas: linear-gradient(180deg, oklch(0.17 0.012 293) 0%, oklch(0.24 0.026 280) 20%, oklch(0.8 0.118 81) 42%, oklch(0.4 0.045 70) 62%, oklch(0.59 0.081 77) 100%);
}

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