スメール昼閉ざされ湿潤沈静

ローカパーラ密林・日を蔽う

Lokapala Jungle in the Shade

色カード

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

再構成グラデーション

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

0%6eabc530%458f8658%316b8482%6cb084100%6cbf63

なぜ調和するのか

調停役は面積が無くてもよいが、過半を占めてはならない。ローカパーラ密林のあの青碧帯は色相 185°、緑 155° と青 229° のちょうど中間に嵌まり(両側にそれぞれ 30° と 44°)、彩度 0.075 もまた 0.095 と 0.072 のあいだに正しく落ちている——調停役の条件をどれも満たしているのに、一つだけ満たしていない。48.95% を占めてしまったのだ。結果、全画面の彩度中央値は 0.072、明度中央値は 0.57 で、絵に主色が無い。〈風唸りの丘・晴れと松の陰〉の松林帯は 12.08%、〈珉林・雲白〉のあの白はほとんど面積を持たない。そして〈ドラゴンスパイン・秋の雪〉が 39.47% まで敷けたのは、あの下地が無彩だからだ——灰はどれだけ大きくても主色にならないが、色相を持つ調停役はなる。

最大の二つは、彩度が 0.003 しか違わない

青碧帯 48.95% / 彩度 0.075、青帯 41.64% / 彩度 0.072:画面の九割を隣り合う二本の色相帯が折半し、その彩度差はわずか 0.003 である。明度でこそ分かれる(0.60 対 0.50)が、それは「茸台の上は受光、下は背光」という分業であって、主従ではない。まったく違う三つのものを測って、ほとんど同じ読みが三つ返ってくる——中景のあの茸台(0.30, 0.55 から)は 205° / 0.075、左の崖体(0.00, 0.55 から)は 209° / 0.071、上方の岩壁(0.55, 0.05 から)は 201° / 0.067。見る者がどこを見ればよいか分からないのは、これが理由だ。

逃れたのは足元のあの草だけ

全画面で最も濃い 4000 画素のうち 3252 個が 120°–150° に落ち、重心は (0.78, 0.90)——画枠右下隅の、霧に覆われていない草の斜面だ。平均彩度 0.151、全画面のピーク 0.173 もそこにある。同じ草の斜面をいちばん遠くで測ってみる:左上の遠い山の帯で 90°–165° に入る緑は 1610 画素しか残らず、色相 152° / 彩度 0.053。手前の 145° とは 7° しか違わないのに、彩度は半分以上落ちている(0.111 → 0.053)。この絵で霧が取り立てるのは彩度であって色相ではない——だから色域は少しも縮んでおらず、縮んだのは「誰が主役か」の方である。

灰の特権は、色相を持たないこと

〈ドラゴンスパイン・秋の雪〉は百度以上離れた三つの色相を隔てるために 39.47% の無彩を敷いた。面積はローカパーラ密林のこの 48.95% の青碧帯とさして変わらない。それでもあちらには主色があり、こちらには無い。違いは、あの 39.47% が色相の立場を持たず、ここの 48.95% は持っていること——それは 185° だ。職務が過半にまで広がった瞬間、調停役はそのまま画面の身元になってしまう。しかも調停役とは生まれつき最も声の小さい一段である。調停役を選ぶときはまず面積を見ること——半分を超えたなら、無彩に差し替えるか、別の面を主色に立てるかのどちらかだ。ローカパーラ密林に残された逃げ道は、足元のあの 8.87% の緑しかない。

この配色を持ち帰る

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

/* ローカパーラ密林・日を蔽う · Lokapala Jungle in the Shade — Teyvat Palette */
:root {
  --far-ridge-haze: oklch(0.71 0.073 226); /* 遠嶺の霞 #6eabc5 */
  --mist-cyan: oklch(0.6 0.075 185); /* 谷霧の青碧 #458f86 */
  --under-shade: oklch(0.5 0.072 229); /* 陰底の青 #316b84 */
  --platform-green: oklch(0.7 0.095 155); /* 台上の緑 #6cb084 */
  --near-verdure: oklch(0.73 0.151 142); /* 足元の翠 #6cbf63 */
  --gradient-lokapala-jungle: linear-gradient(180deg, oklch(0.71 0.073 226) 0%, oklch(0.6 0.075 185) 30%, oklch(0.5 0.072 229) 58%, oklch(0.7 0.095 155) 82%, oklch(0.73 0.151 142) 100%);
}

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