
Fane of Ashvattha, Moonpale
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
夜とは昼を暗くすることではなく、色相環の半分を消すことである:アシュヴァッタ神殿の明度中央値 0.32 は同じ四つの宮殿のなかで最も高く——洞窟のアル・ハヤー宮殿の 0.25 よりも明るい——それでいて説明なしに夜と読める唯一の一枚だ。差は色相の帳簿にある:全画面の 270°–90° に画素が一つも無く、褐色の木に見える左右二本の大樹ですら実測 220° と 223° である。残る 95.81% はすべて 90°–270° というもう半分の色相環に閉じ込められている。夜を描くなら、まずどちらの半分を出させないかを決めること。明度の話はその後だ。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* アシュヴァッタ神殿・月白 · Fane of Ashvattha, Moonpale — Teyvat Palette */
:root {
--moonpale-bough: oklch(0.91 0.059 217); /* 月白の幹 #b5ecfb */
--moss-slope: oklch(0.66 0.155 148); /* 苔坡の緑 #40ab58 */
--glade-cyan: oklch(0.42 0.077 169); /* 林隙の青碧 #125a46 */
--ruin-blue: oklch(0.33 0.06 236); /* 残垣の青 #0f3a50 */
--ironwood-blue: oklch(0.22 0.03 220); /* 鉄幹の青 #081e24 */
--canopy-night: oklch(0.21 0.042 237); /* 梢間の夜 #021b29 */
--gradient-fane-of-ashvattha: linear-gradient(180deg, oklch(0.21 0.042 237) 0%, oklch(0.91 0.059 217) 22%, oklch(0.33 0.06 236) 50%, oklch(0.42 0.077 169) 72%, oklch(0.66 0.155 148) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。