スメール昼澄明開豁湿り

アビディアの森・雨上がりの晴れ

Avidya Forest, Clearing after Rain

色カード

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

再構成グラデーション

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

0%58a6de22%5cafdc45%79bee274%4996a3100%71b385

なぜ調和するのか

空気を厚く見せたいなら、遠くに灰を足すのではなく——暖色が何画素残っているかを数えること。アビディアの森では 315°–45°(幅 90°)の窓に全画面で一画素も無く、300°–60°(幅 120°)まで広げても 3 画素しか拾えない。そして無彩(C<0.025)はわずか 0.38%——灰は一片も敷かれていない。画中の二本の土の道は実測色相 210° と 218°、天頂の空の 242° と同じ族である。厚みは調整して出すものではなく、削って出すものだ。

土の道は青く、木の家も青い

巨樹の根元にある木の家と木橋から右へ、二本の土の道が林を横切る。中ほどの一段(0.40, 0.72 から)は実測 L 0.63 / 彩度 0.078 / 色相 210°、右の一段(0.63, 0.78 から)は L 0.57 / 0.081 / 218°。画では黄土色に見えるのに、測れば空と同族だ。全画面で 315°–45° という幅 90° の窓は零画素。窓を 300°–60° の幅 120° まで広げても、3 画素・平均彩度 0.031 しか無い。〈明冠山地・淡い昼〉は 345°–45° に 2 画素しか残らないことで一つの色相帯が空になり得ると示したが、アビディアの森は窓を 90° に広げてなお零である。暖色を淡くしたのではない、一つも残さなかったのだ。

灰は 0.38%、なのに霧が画中最大のもの

同じ物差し(bench の C<0.025)で測ると、アビディアの森の無彩は 0.38%、「灰を使わない調和」を説いた〈ヴァナラーナ・緑の昼〉は 1.43%。だがヴァナラーナが頼ったのは彩度の主従——緑 0.131 対青 0.059、二倍以上だ。アビディアの森の三つの色相帯は緑 0.095 / 青碧 0.076 / 青 0.094、レンジはわずか 0.019 で、主従など分かれていない。予算はすべて面積に注がれている:青帯 79.59%、青碧帯 14.48%、緑帯 5.53%。谷底のあの霧は実測 232° / 彩度 0.087——白い薄衣ではなく、色相を持った大きな面である。霧を描くなら、どれだけ白いかより先に、その色相を決めること。

いちばん手前にも原色を残さない

〈スメールシティ・青の昼〉が残した一条:列の最後尾には空に作り変えられていないローカルカラーを一つ置かねばならない、さもないと「遠いほど空に寄る」が読めない——あちらの右下の草地は色相 148° / 彩度 0.124、全画面のピーク 0.170 もそこにあった。アビディアの森は残さない。画枠最下縁の草の丘(0.06, 0.86 から)は実測色相 184°、すでに緑帯の外だ。この矩形の中で 90°–165° を探しても 3288 画素、二割にも届かない。全画面で最も濃い 4000 画素は、むしろ 3822 個が右縁のいちばん遠い稜線に落ちる——平均 253° / 彩度 0.137、全画面のピーク 0.165 もそこであり、天頂の空のピークは 0.118 止まりだ。参照物を手放したなら、奥行きは別のもので語るほかない。この絵の語り方が、あの 90° の空白である。

この配色を持ち帰る

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

/* アビディアの森・雨上がりの晴れ · Avidya Forest, Clearing after Rain — Teyvat Palette */
:root {
  --cleared-sky: oklch(0.7 0.113 242); /* 雨上がりの空青 #58a6de */
  --far-ridge: oklch(0.61 0.137 253); /* 遠嶺の深青 #4085d3 */
  --tree-town: oklch(0.72 0.104 234); /* 樹上の街の青 #5cafdc */
  --valley-haze: oklch(0.77 0.087 232); /* 谷霧の青 #79bee2 */
  --path-cyan: oklch(0.63 0.078 210); /* 土径の青碧 #4996a3 */
  --near-slope: oklch(0.71 0.095 153); /* 手前の斜面の緑 #71b385 */
  --gradient-avidya-forest: linear-gradient(180deg, oklch(0.7 0.113 242) 0%, oklch(0.72 0.104 234) 22%, oklch(0.77 0.087 232) 45%, oklch(0.63 0.078 210) 74%, oklch(0.71 0.095 153) 100%);
}

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