
Dainichi Mikoshi in White Glare
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
霧の彩度勾配は、目ではなく光源を中心に並ぶ。日輪から外へ向かうにつれ明度は 0.99 から 0.46 まで落ち、彩度は逆に 0.005 から 0.058 へ上がり、色相は 60° から 247° へ回る。ノストイ地区も同じ一面の霧だが、遠いほど明るく(0.72 → 0.87)、遠いほど淡い(0.106 → 0.079)——二篇の符号がちょうど逆になるのは、並べ替えの変数が入れ替わっているからだ。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 大日御輿・白芒 · Dainichi Mikoshi in White Glare — Teyvat Palette */
:root {
--false-sun-core: oklch(0.99 0.005 60); /* 日輪の白 #fefbf8 */
--lens-streak: oklch(0.79 0.012 96); /* 芒線の白 #bdbbb2 */
--spire-stone: oklch(0.88 0.021 205); /* 塔身の白 #c8dcde */
--halo-mist: oklch(0.74 0.016 173); /* 暈む霧の青 #a1aeaa */
--far-mist: oklch(0.55 0.032 237); /* 遠霧の青 #607582 */
--corner-blue: oklch(0.58 0.054 247); /* 隅霧の青 #607e99 */
--gradient-dainichi-mikoshi: linear-gradient(180deg, oklch(0.99 0.005 60) 0%, oklch(0.79 0.012 96) 22%, oklch(0.74 0.016 173) 45%, oklch(0.55 0.032 237) 72%, oklch(0.58 0.054 247) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。