
Enkanomiya, Whitenight
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
彩度が 0.081 で打ち止めになる世界。霧が色をすべて没収し、遠近は明度 0.35 から 0.93 までの段でしか語られない——色相が一つきりになれば、明度の階段が構図そのものになる。そして C 0.02 のわずかに緑がかった白が、それだけで太陽になる。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 淵下宮・白夜 · Enkanomiya, Whitenight — Teyvat Palette */
:root {
--abyss-ink: oklch(0.351 0.033 232.2); /* 淵底の黛 #293e49 */
--deep-mist: oklch(0.457 0.044 235.1); /* 沈霧の青 #3f5b6c */
--isle-shadow: oklch(0.608 0.062 244.1); /* 島影の青 #6287a5 */
--whitenight-fog: oklch(0.714 0.058 237.2); /* 白夜の霧 #81a9c3 */
--pale-halo: oklch(0.818 0.031 168.4); /* 蜃気の光 #b1cac0 */
--false-sun: oklch(0.928 0.019 122.6); /* 偽日の白 #e5e9dc */
--gradient-enkanomiya: linear-gradient(180deg, oklch(0.351 0.033 232) 0%, oklch(0.928 0.019 123) 14%, oklch(0.818 0.031 168) 32%, oklch(0.608 0.062 244) 62%, oklch(0.714 0.058 237) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。