Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
霊石・孤つの光
璃月幽寂孤懸清冷

霊石・孤つの光

Spiritstone in a Lone Light

色カード

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

再構成グラデーション

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

0%0d2f4125%72e7e850%4494b775%31647d100%0e4152

なぜ調和するのか

灰は一つの色ではなく、二つの色温度が同じ面の上で打ち消し合って生じる差額である——この洞窟には光が一束しかないので、灰の画素を一つも出せない:無彩 0.00%、そして色相環の 255° 幅の窓(`270°–165°`)は nothing matched を返す。中性の面が欲しいなら、まず画中に光が何束あるかを数えること。

01

255° の色相環が空いている

全画面の 99.99% の画素が 165°–270° というわずか 105° の中に詰まっている——青 99.44%(平均 233°)に青碧 0.55% を足した数だ。そして `r=0,0,1,1:270-165` は nothing matched を返す:255° 幅の窓に画素が一つも無い。〈アシュヴァッタ神殿・月白〉の 180° 幅の空窓がこれまで全ライブラリで最も厳しい一条だったが、ここはさらに 75° 広い。同じ普査で無彩は 0.00%:「色相を持たない」という選択肢すら存在しない。色のついた光が一束だけ封じられた空間へ差し込むと、画面は第二の色相を出すこともできず、打ち消しに使える第二の色温度も持てない——この二つは同じ一つのことである。

02

灰は差額であり、ここに差額は無い

〈冒険者協会(モンド)・宵の灯〉のあの彩度 0.022 / 201° の床は、暖かい灯と夜の青が同じ面の上で打ち消し合って生まれたものだった。霊石の洞窟には第二の光が無いので、減衰は自分の上をなぞるしかない:同じ岩壁でも、霊石からいちばん遠い左上は実測 L 0.29 / 彩度 0.051 / 236°、いちばん近い右上は L 0.48 / 0.068 / 232°——明度が 0.19 上がり、彩度も 0.017 ついて上がり、色相は 4° しか動かない。光の減衰は灰を作らない。作れるのは同じ色のもっと暗い版だけだ。単一光源の場面に中性の面を置きたいとき、それは調色の問題ではない:画中に灰を生む仕組みが無い以上、その一枚はどう調えても嘘に見える。

03

白ですら無彩を出せない

全画面で最も明るい 4000 画素は、すべて x=0.4 の列——霊石の柱身——に落ちる。上から順に明度 0.91 / 0.92 / 0.92 / 0.91、そして彩度は 0.080 / 0.087 / 0.088 / 0.088 で、全画面の彩度中央値 0.062 よりむしろ高い。〈ヒーシ島・残る光〉は「発光させたいなら最も明るさを争うな、画中で唯一色相を持たないものを争え」と言った。その道はここでは封じられている。「色相を持たない」はこの絵では希少なのではなく、存在しないからだ。そこで霊石は色相の距離で支払うしかない:柱芯の、165°–200° に入る 1,495 画素は実測 L 0.86 / 彩度 0.106 / 色相 196°、場の 233° から 37° 離れている——画中で唯一立場の違う色相が、光源そのものなのである。

この配色を持ち帰る

CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。

/* 霊石・孤つの光 · Spiritstone in a Lone Light — Teyvat Palette */
:root {
  --cavern-blue: oklch(0.38 0.065 233); /* 洞の青 #17485f */
  --far-rock: oklch(0.29 0.051 236); /* 遠い岩 #0d2f41 */
  --near-rock: oklch(0.48 0.068 232); /* 近い岩 #31647d */
  --pillar-blue: oklch(0.63 0.094 230); /* 柱身の青 #4494b7 */
  --core-cyan: oklch(0.86 0.106 196); /* 石芯の青碧 #72e7e8 */
  --gradient-spiritstone: linear-gradient(180deg, oklch(0.29 0.051 236) 0%, oklch(0.86 0.106 196) 25%, oklch(0.63 0.094 230) 50%, oklch(0.48 0.068 232) 75%, oklch(0.35 0.059 225) 100%);
}

1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。