ナタ昼広闊清澄流れ

万火のほとぎ・晴嵐

Basin of Unnumbered Flames in Sunlit Haze

色カード

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

再構成グラデーション

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

0%a2defa24%72b1d344%72b2af68%80b358100%6f5638

なぜ調和するのか

一本の線は、色相だけでも成立する:崖面を走る青緑の流紋は実測 189°、L 0.49、彩度 0.064。それが横切る岩は 71°、L 0.47、彩度 0.055——明度差 0.02、彩度差 0.009、隔てているのは 118° の色相だけである。〈遊月の海・夜の潮〉の主役の線は、明度差 0.57 と五倍を超える彩度が一緒に跳ね上がって生まれていた。ここでは二つのチャンネルを押さえたまま、線はちゃんと見える——しかも刻まれたものではなく、流れているものとして見える。

岩と流紋は同じ明るさ

手前の孤峰の崖面で、30°–90° に落ちる岩は 5599 画素、L 0.47。それを横切る 165°–215° の青緑の流紋は 2830 画素、L 0.49。0.02 の明度差は、明度の中央値 0.73、上は 0.97 まで届く画の中に置けば、差がないのと同じである。流紋の外縁をふちどる紫(278°)も同じように岩に寄り添い、わずか 0.02 下に落ちるだけだ。等明度の境界は、目にとって柔らかい——判別は色相の通路だけに委ねられ、色相の通路は空間解像度が明度の通路よりはるかに低いので、輪郭は決して鋭くならない。表面をエネルギーが流れていく様子を描きたいなら、そこを明るくしないこと。明るくした瞬間、それは刻まれた溝になる。

どの色相に振るかは、画面が答えを持っている

189° は適当に選ばれた角度ではない。画面で最も広い二つの面は、青 45.98%(平均 235°)と緑 34.28%(126°)。189° は青から 46°、緑から 63° で、ほぼその真ん中に座っている。一方で青緑の帯そのものは 6.90% しかなく、自力では一つの面を張れない。だからこの線は、崖面の上では外来の色として働き——岩の 71° とは 118° 隔たり、ひと目で分かれる——画面全体に戻せば新顔ではない。空と草原が半分ずつ、自分の色として引き受けてくれる。等明度の線をすべて色相に語らせるなら、色相は画面がすでに持つ色族どうしの隙間から選ぶこと:十分に遠いから見え、身内だから刺さらない。

本当に光らせるなら、やはり明度を渡す

万火のほとぎという名の場所でありながら、全図の赤と橙を合わせても 0.60% しかない。本物の火は、壇の中心にあるあの 441 画素だけである:平均 L 0.84、足元の霧の海(L 0.73、これがそのまま全図の明度の中央値でもある)より 0.11 高い。最も彩度の高い十数画素は 15°、彩度 0.118 に落ちる。この画で唯一ほんとうに発光しているものは、流紋とは正反対の道具を使っている——明度を上げているのだ。二つは分けて設計すること:「エネルギーが表面を流れる」なら明度を固定して色相だけを替え、「ここに光源がある」ときだけ明度を動かす。同じ一枚が両方を演じてみせている。混ぜてはいけない。

この配色を持ち帰る

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

/* 万火のほとぎ・晴嵐 · Basin of Unnumbered Flames in Sunlit Haze — Teyvat Palette */
:root {
  --high-sky: oklch(0.87 0.072 228); /* 高天の青 #a2defa */
  --rim-green: oklch(0.71 0.134 133); /* 縁の草緑 #80b358 */
  --vein-teal: oklch(0.49 0.064 189); /* 流紋の青緑 #2e6c68 */
  --cliff-umber: oklch(0.47 0.055 71); /* 崖の褐 #6f5638 */
  --vein-violet: oklch(0.45 0.051 278); /* 流紋の紫縁 #4e5372 */
  --altar-flame: oklch(0.74 0.118 15); /* 壇心の火 #eb8b93 */
  --gradient-basin-of-unnumbered-flames: linear-gradient(180deg, oklch(0.87 0.072 228) 0%, oklch(0.73 0.081 233) 24%, oklch(0.72 0.066 192) 44%, oklch(0.71 0.134 133) 68%, oklch(0.47 0.055 71) 100%);
}

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