
Seirai Island under the Storm's Eye
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
2.3% の暖帯が一枚の絵の時刻を書き換える。紫帯が 83.9% を占め彩度の中央値は 0.115、そして地平線に走る L 0.85・色相 42° の細い帯だけが、これが深夜ではなく黄昏だと告げている——それを取り除けば、同じ紫が夜になる。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* セイライ島・雷の眼 · Seirai Island under the Storm's Eye — Teyvat Palette */
:root {
--storm-violet: oklch(0.33 0.116 296); /* 雷雲の紫 #3c2369 */
--lagoon-violet: oklch(0.47 0.101 293); /* 潟の紫 #5e4e8e */
--grove-violet: oklch(0.51 0.198 298); /* 樹叢の紫 #773fc6 */
--eye-halo: oklch(0.67 0.164 300); /* 眼の暈 #a67aea */
--last-light: oklch(0.85 0.072 42); /* 残霞の金 #f8bfa9 */
--bolt-white: oklch(0.97 0.022 327); /* 電芯の白 #fef0fd */
--gradient-seirai-island: linear-gradient(180deg, oklch(0.33 0.116 296) 0%, oklch(0.67 0.164 300) 18%, oklch(0.33 0.116 296) 44%, oklch(0.85 0.072 42) 62%, oklch(0.47 0.101 293) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。