
Naganohara Fireworks in the Shade
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
人工の色は、新しい色相をひとつも発明せず、ただ彩度を半分に削るだけでよい——屋根の 177° は梢の 167° の隣に、店先の暖簾の 236° は空の 247° の隣に並び、梢の最も飽和した 3% が 0.146 に達するのに、屋根全体のピークはわずか 0.055 しかない。これは彩度の天井の、下側のほうである——〈アアルの影・白光〉では剥き出しの敷石が 0.039、人が嵌め込んだ花石板が 0.109 で、線を越えたものこそが人工物だった。こちらは生きものが人より鮮やかで、人工の色は線の下に留まるしかない。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 長野原花火屋・日陰の店先 · Naganohara Fireworks in the Shade — Teyvat Palette */
:root {
--roof-moss: oklch(0.43 0.046 177); /* 瓦の苔青 #33584f */
--canopy-green: oklch(0.51 0.094 167); /* 梢の緑 #1e775b */
--noren-blue: oklch(0.41 0.068 236); /* 暖簾の青 #20506a */
--zenith-blue: oklch(0.61 0.114 247); /* 天頂の青 #4488c4 */
--timber-shade: oklch(0.31 0.022 237); /* 杉板の影 #26323a */
--sunlit-flagstone: oklch(0.75 0.029 41); /* 日向の石畳 #bfa8a0 */
--crack-grass: oklch(0.73 0.148 134); /* 石畳の草 #80bb56 */
--gradient-naganohara-fireworks: linear-gradient(180deg, oklch(0.61 0.114 247) 0%, oklch(0.51 0.094 167) 12%, oklch(0.43 0.046 177) 34%, oklch(0.41 0.068 236) 56%, oklch(0.31 0.022 237) 76%, oklch(0.75 0.029 41) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。