
Hypostyle Desert in White Haze
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
〈大日御輿・白芒〉の「霧の彩度勾配は光源を中心に並ぶ」という規則が、ここでは光源の幾何だけを取り替えて現れる。あちらの光は円盤で、勾配は四隅へ同心円に散る。ここでの光は一本の線——地平線である。画面全幅で横に測ると、y 0.46–0.52 の帯は L 0.97、彩度 0.015、天頂の帯は L 0.85、彩度 0.064、足元の帯は L 0.73、彩度 0.038。線光源の勾配は二つの方向しか取れないので、一本の勾配が上下に折り畳まれる。厚い大気を描くなら、上から下への一方向のグラデーションではなく、まず地平線で一度折ること。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 列柱砂原・白い靄 · Hypostyle Desert in White Haze — Teyvat Palette */
:root {
--zenith-haze: oklch(0.85 0.073 272); /* 天頂の紫霞 #bdccfe */
--horizon-white: oklch(0.97 0.015 219); /* 地平の白 #ebf8fc */
--far-ridge: oklch(0.9 0.042 274); /* 遠嶺の青 #d5ddfb */
--ember-plume: oklch(0.9 0.051 28); /* 焔羽の橙 #fed2cb */
--peak-violet: oklch(0.8 0.052 291); /* 主峰の紫 #bdb8dd */
--buried-hall: oklch(0.71 0.054 309); /* 埋もれた前殿の赭 #ab99bc */
--near-dune: oklch(0.73 0.038 353); /* 手前の砂の薔薇色 #bc9eaa */
--gradient-hypostyle-desert: linear-gradient(180deg, oklch(0.85 0.073 272) 0%, oklch(0.92 0.036 271) 30%, oklch(0.97 0.015 219) 49%, oklch(0.9 0.042 274) 56%, oklch(0.75 0.057 309) 72%, oklch(0.73 0.038 353) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。