スメール柔らかな温もり浮遊夢の中

「永遠のオアシス」・暖かい靄

The Orchard of Pairidaeza in Warm Haze

色カード

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

再構成グラデーション

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

0%fbf4c224%bc8f8548%627c6776%6189cd100%547f46

なぜ調和するのか

頂点の一群は別のものである必要はない。それは同じものの、最も手前の一区画でもありうる——媒質が距離で値引きしていく画面では、彩度の余力とはそのまま「手前にどれだけの面積が残っているか」の値段だ。「永遠のオアシス」は色相帯八本すべてに実体があるのに、中央値は 0.060 しかない。左上のあの樹冠(15494 画素)は彩度 0.044、下縁のあの大きな葉(18173 画素)は 0.097、色相の差はわずか 13° で濃度は 2.2 倍。最も濃い 4000 画素は四つの群に分かれ、重心はそれぞれ (0.66, 0.87)、(0.33, 0.95)、(0.33, 0.96)、(0.71, 0.77)——合わせて 3940 個が画枠の下縁にある。靄の風景に焦点を作りたいなら彩度を足すのではない。何かを靄の手前に置けば、余力はひとりでに現れる。

色相はすべて在る、濃度はすべて差し出した

色相帯は一本も空いていない:赤 8.85%、橙 20.57%、黄 11.36%、緑 22.95%、青碧 1.35%、青 2.06%、紫 18.03%、桃 7.82%。この幅は普通なら高い中央値を伴うが、ここでは 0.060、須弥の四枚で最も低い段だ。面積の最大の族——20.57% の橙の靄、実測 L 0.69 / 彩度 0.057 / 色相 32°——がその媒質そのものである。それは画面を一つの色相に畳んだのではなく、あらゆる族を同じ濃度に押さえたのだ。色域の広さと濃さは二つの別勘定で、一つの「彩度」つまみで両方を管理してはいけない。

同じ樹冠でも、手前は倍濃い

左上のあの樹冠(0.05, 0.05 から、90°–165° のみ)は 15494 画素、実測 L 0.56 / 彩度 0.044 / 色相 151°。下縁のあの大きな葉(0.60, 0.82 から)は 18173 画素、L 0.55 / 彩度 0.097 / 色相 138°。面積はほぼ同じ、明度の差は 0.01、色相の差は 13° しかないのに、濃度は 2.2 倍になる。この靄は色相を運ばない、距離に応じて彩度だけを取り立てる——だからこの絵で「遠い」とは色相の出来事ではなく、濃度の値段表なのだ。手前の水(0.28, 0.90 から)は彩度 0.113、遠い水面(0.35, 0.55 から)は 0.040。同じものを二箇所で測っても、結論は同じである。

0.058 の余力はすべて下縁に生えている

最も濃い 4000 画素:1458 個が 120°–150°、重心 (0.66, 0.87);1303 個が 270°–300°、重心 (0.33, 0.95);851 個が 240°–270°、重心 (0.33, 0.96);328 個が 90°–120°、重心 (0.71, 0.77)——3940 個の重心がすべて画面の下縁にあり、それぞれあの数枚の葉と、最も手前の水である。p99 0.118 から中央値 0.060 を引いた余力 0.058 は、まるごとこの一本の下縁から来ている。インターフェースでも同じだ:一様な下地の上に焦点を一つ開けたいとき、より高い彩度を与える必要はない。媒質の手前に立たせるだけで、同じ色がひとりでにピークになる。

この配色を持ち帰る

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

/* 「永遠のオアシス」・暖かい靄 · The Orchard of Pairidaeza in Warm Haze — Teyvat Palette */
:root {
  --sun-crown: oklch(0.96 0.065 101); /* 冠の金 #fbf4c2 */
  --warm-haze: oklch(0.69 0.057 32); /* 靄の橙 #bc8f85 */
  --cliff-rose: oklch(0.66 0.047 1); /* 崖の桃 #ac8790 */
  --far-canopy: oklch(0.56 0.044 151); /* 遠い林の霜 #627c67 */
  --near-water: oklch(0.63 0.113 261); /* 汀の水紫 #6189cd */
  --near-leaf: oklch(0.55 0.097 138); /* 手前の葉緑 #547f46 */
  --gradient-the-orchard-of-pairidaeza: linear-gradient(200deg, oklch(0.96 0.065 101) 0%, oklch(0.69 0.057 32) 24%, oklch(0.56 0.044 151) 48%, oklch(0.63 0.113 261) 76%, oklch(0.55 0.097 138) 100%);
}

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