
Madinat al-Nuhas in Golden Dust
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
上と下の差額は三本まとめて計上することもできる。ただしそれは、上と下が同じ光に属していないと宣言することだ——同じ一対の矩形でアル・ヌハスの都の上下縁を測ると、明度 0.20 対 0.53、彩度 0.015 対 0.075、色相 274° 対 76°。三本の軸をすべて振り切っている。だが手に入るのは「より強く分かれること」ではなく、空を蓋に取り替えることだ。画面最上部の高さ 10% の岩天井は、92,160 画素のうち一つも無彩の線を越えず、彩度の最大値はわずか 0.024。150°–330° の寒色側の半円は、全画面で 1,448 画素しか残っていない。同じ回の〈トレジャーストリート・晴れの裂け目〉は色相一本だけで上下を分けた(両端の彩度 0.052 対 0.060)。あちらには空があり、こちらには無い——三本すべてを使って買えるのは分離の強さではなく、「ここに出口は無い」という一言である。
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。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。