
Pervases' Temple, Lamplit Night
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
夜は明度の操作であって、彩度の操作ではない:同じ組の真昼の一枚〈春茶々房・翠の昼〉とこの夜景を並べると、90°–165° の緑の色相はどちらも 145°、彩度は 0.085 対 0.091——夜のほうがむしろわずかに高く、差はすべて明度、0.63 対 0.45 にある。夜が本当に取り上げるのは無彩だ:17.14% が 1.89% まで落ちる。夜にはどの面をも灰に洗える白い光が一つもないからである。夜を描くなら、明度を下げ、無彩を消すこと。彩度には手を付けない——彩度まで下げれば、出てくるのは曇り空だ。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 銅雀のお寺・宵の灯 · Pervases' Temple, Lamplit Night — Teyvat Palette */
:root {
--shrine-glow: oklch(0.83 0.104 71); /* 厨子の灯の橙 #f2bc7a */
--paper-window: oklch(0.84 0.029 37); /* 障子の白 #dcc4bd */
--night-cliff: oklch(0.57 0.1 219); /* 夜岩の青 #10859f */
--roof-nightblue: oklch(0.5 0.114 252); /* 屋根の夜青 #2c65a2 */
--night-grass: oklch(0.49 0.089 163); /* 階前の草 #247052 */
--canopy-jade: oklch(0.49 0.111 141); /* 樹冠の翠 #396f30 */
--gradient-pervases-temple: linear-gradient(180deg, oklch(0.57 0.1 219) 0%, oklch(0.5 0.114 252) 22%, oklch(0.84 0.029 37) 40%, oklch(0.83 0.104 71) 52%, oklch(0.49 0.111 141) 72%, oklch(0.49 0.089 163) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。