Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
大日御輿・白芒
稲妻粛然眩い白空漠

大日御輿・白芒

Dainichi Mikoshi in White Glare

色カード

色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。

再構成グラデーション

シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。

0%fefbf822%bdbbb245%a1aeaa72%607582100%607e99

なぜ調和するのか

霧の彩度勾配は、目ではなく光源を中心に並ぶ。日輪から外へ向かうにつれ明度は 0.99 から 0.46 まで落ち、彩度は逆に 0.005 から 0.058 へ上がり、色相は 60° から 247° へ回る。ノストイ地区も同じ一面の霧だが、遠いほど明るく(0.72 → 0.87)、遠いほど淡い(0.106 → 0.079)——二篇の符号がちょうど逆になるのは、並べ替えの変数が入れ替わっているからだ。

01

最も明るい場所に色はなく、最も鮮やかな場所は光から最も遠い

最も明るい 4000 画素のうち 3422 個が (0.50, 0.32) の日輪に集まる。L 1.00、彩度 0.000——白く焼き切れ、色相は一つも残っていない。一方、最も彩度の高い 4000 画素はすべて 240°–270° に落ち、平均 L 0.60 / 彩度 0.067 / 250°、位置は (0.23, 0.84)。画面左下の霧、日輪から最も遠い場所である。全画面の彩度の上限は 0.077 しかなく、その乏しい予算は一銭残らず、光の届かない隅に費やされている。光源を本当に眩しくしたいなら、そこに彩度を足すのではなく、彩度は光の届かない場所に譲ること。

02

同じ石でも、光からの距離がその色を決める

遺跡の石造はこの梯子を丸ごと跨いでいる。日輪に最も近い塔身が L 0.88 / 彩度 0.021 / 205°、右側の平台が 0.74 / 0.030 / 229°、左下の崖台が 0.56 / 0.046 / 245°——同じ建築、同じ石でありながら、外へ行くほど暗く、鮮やかに、青くなる。間の霧も同じ道をたどる。日輪の左右が 0.74 / 0.016 / 173° と 0.71 / 0.014 / 189°、その外側が 0.55 / 0.032 / 237°、四隅が 0.46 / 0.045 / 243° と 0.58 / 0.054 / 247°。ノストイ地区の二本の勾配(遠いほど明るく、遠いほど淡い)が測っていたのは「目からの距離」、ここで測っているのは「光からの距離」——だから二本とも裏返る。発光体の暈を作るとき、明度を下げるだけで済ませないこと。彩度を逆向きに上げてはじめて、霧に厚みが出る。

03

画面を横切るあの光は白であって橙ではない

目は画枠を貫く橙色の眩光を報告する。実測すると、色相が 330°–90° に落ちる暖色画素は全画面で 123 個、平均彩度 0.027。うち 69 個が眩光の帯の右半分に集まり(L 0.77 / 0.026 / 7°)、左半分には一つもない。この帯を成立させているのは明度である——左側の帯そのものは L 0.64 / 彩度 0.016 / 222°、上下に隣接する霧は 0.54 / 0.034 / 237° と 0.56 / 0.038 / 240°。0.08 から 0.10 明るく、彩度は半分しか残っていない。世界にではなくレンズにのみ属するこの光さえ、同じ規則に従っている。強い光を描くときは、それが奪うべきものが明度なのか彩度なのかを先に決めること。両方を奪えば、それは絵の具になる。

この配色を持ち帰る

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。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。