
Hiisi Island by Night Glow
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 195°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
白は最も高価な色である。98.5% の画素が彩度 0.05 以上、中央値は 0.175 に達し、画面全体が一つの色相(87% が 270°–315°)——そして白に近い画素は最も明るい一群、つまり発光体そのものへ厳格に配給されている。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* ヒーシ島・夜の輝き · Hiisi Island by Night Glow — Teyvat Palette */
:root {
--night-violet: oklch(0.468 0.188 271.2); /* 夜幕の紫 #3848c1 */
--frost-slope: oklch(0.69 0.149 285); /* 霜坡の紫 #938cf3 */
--snow-ridge: oklch(0.75 0.125 274); /* 雪の稜 #95a7fd */
--spirit-white: oklch(0.96 0.025 225); /* 霊光の白 #e1f6ff */
--faint-ember: oklch(0.9 0.066 317); /* 微燼の粉 #f0d1fc */
--gradient-hiisi-island: linear-gradient(195deg, oklch(0.75 0.125 274) 0%, oklch(0.69 0.149 285) 36%, oklch(0.589 0.182 273.5) 68%, oklch(0.468 0.188 271.2) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。