璃月昼淡遠穏やか無風

伏龍の木・平光

Dragon-Queller in Flat Light

色カード

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

再構成グラデーション

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

0%b8e1ff26%a9c6d350%ef9c8470%6fdcf6100%bacc9f

なぜ調和するのか

明度を使い切ったあと、彩度に引き継がせない、という選択がある——二本の軸をそろって黙らせると、絵は崩れるのではなく、空気になる。伏龍の木は明度の総行程がわずか 0.28(p01 0.63 → p99 0.91)、璃月のハイキー四枚でいちばん狭い。そして全画面で最も濃い 4000 画素を色相ごとに七組へ分けると、どの組の平均彩度も 0.103–0.107 に収まり、極差は 0.004 しかない。〈転倒古城・微光〉と比べてほしい:あちらは明度の行程がさらに狭く 0.12(p01 0.18 → p99 0.30)なのに、124 画素の金が 0.119 で天井を独占し、そこに主役が生まれた。伏龍の木は誰にも独占を許さず、そこに霧が生まれた。

いちばん明るいものが無い

最も明るい 4000 画素は七つのマスに散り、明度は 0.93–0.95、しかし彩度は 0.017 から 0.091 まで広がっている——この絵は「いちばん明るい一画」すら組み立てられない。両端にも余地が無い:p01 0.63 は四枚で最も高い床、p99 0.91 は最も低い天井で、合わせて 0.28、来歆山の 0.55 の六割にも届かない。光も無ければ暗部のアンカーも無い。ここでは明度が丸ごと放棄されている。

光る枝ですら 0.106 で止まる

左の崖の前に走る青い光の枝は、165°–240° の窓で最も濃い 3% が L 0.84 / 彩度 0.106。いっぽう全画面で最も濃い 4000 画素のうち、緑の組(木の下の草地)は 0.106、黄橙の組(樹冠の金葉)は 0.107、赤の組(左右の隅の秋の木)は 0.103——枝は彩度の特権を一つも受け取っていない。それでも発光して見えるのは、背後のあの崖のおかげだ。(0.62, 0.05) を起点に幅 0.36・高さ 0.55 を取ると 183,017 画素、画面のおよそ五分の一で、平均彩度はわずか 0.037——全画面の中央値 0.043 より低い。〈堅岩隘谷・晴昼〉は三本の大きな色帯の平均彩度を 0.091 / 0.092 / 0.094 に揃え、それらを一つの土地として読ませた。ここで揃えられているのは七組のピークであり、目的は彩度に明度の代わりを務めさせないことだ。

残った仕事は形が引き受ける

二本の軸をそろって押さえたあと、見分けられるのは輪郭だけになる:結び目のようにねじれた幹、崖壁に並ぶ垂直の節理、樹冠にまばらに載る金の葉。全画面の 330°–90° の暖色は 24,657 画素・2.80%、平均彩度 0.065 あるのに少しも跳ねないのは、どこ一つ 0.107 の線を越えていないからだ。〈ドラゴンスパイン・秋の雪〉は「輪郭が十分に強ければ色は完全に譲ってよい」と書いたが、あれは無彩が 39.47% を占める絵での話。伏龍の木の無彩は 10.88% しかなく、譲っているのは色の有無ではなく、色の高低である。暗がりではなく一層の空気を描きたいなら、明度と彩度を一緒に押さえること——片方だけ押さえれば、もう片方が自動的に引き継ぎ、与えるつもりの無かった主役が生えてくる。

この配色を持ち帰る

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

/* 伏龍の木・平光 · Dragon-Queller in Flat Light — Teyvat Palette */
:root {
  --cliff-pale: oklch(0.81 0.037 226); /* 崖面の白青 #a9c6d3 */
  --vein-cyan: oklch(0.84 0.106 215); /* 霊脈の青 #6fdcf6 */
  --queller-gold: oklch(0.77 0.106 37); /* 龍木の金 #ef9c84 */
  --riverside-green: oklch(0.82 0.064 126); /* 河岸の緑 #bacc9f */
  --far-sky: oklch(0.89 0.061 241); /* 遠天の青 #b8e1ff */
  --gradient-dragon-queller: linear-gradient(180deg, oklch(0.89 0.061 241) 0%, oklch(0.81 0.037 226) 26%, oklch(0.77 0.106 37) 50%, oklch(0.84 0.106 215) 70%, oklch(0.82 0.064 126) 100%);
}

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