フォンテーヌ昼豊穣軽やか盛夏

モルテ地区・翠の昼

Morte Region in Sunlit Green

色カード

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

再構成グラデーション

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

0%3598d622%8ed2f442%b4e3f968%338faf86%389773100%519a52

なぜ調和するのか

天井を上げることと濃度を上げることは別の仕事だ。モルテ地区は 80.12% が青なのに、全画面の彩度ピーク 0.200 を握っているのは 7.50% しかない緑である——最も彩度の高い 4000 画素のうち 3999 が 120°–150° に落ち、最も濃い一点の座標は (0.24, 0.96)、足元のあの草地だ。それが天井を三つのフォンテーヌ地区で最も高くまで押し上げているのに、彩度の中央値は 0.091、緑がほとんど無いブロー地区(0.093)よりさらに 0.002 低い。最も濃い一点に要るのは小さな一区画だけで、しかもそれは主色の族に属さなくてよい。

ピークは空ではなく足元にある

最も彩度の高い 4000 画素のうち 3999 が 120°–150° に落ち、平均は L 0.73 / 彩度 0.182 / 色相 139°、ピーク点の座標は (0.24, 0.96)——画面の最下縁、観客の足元にあるあの草地である。下縁の高さ 12%・左 62% 幅の帯で 90°–165° の画素だけを取れば 32528 画素、平均 L 0.62 / 彩度 0.128 / 色相 144°、ピーク 0.200。同じ絵の天頂は 0.129 しかなく、中景の湖は 0.097、最も遠い白塔を包む霧は 0.057。左下隅の一本の樅はすでに 165° / 0.105 まで退いており、緑は最も近い層のために取ってある。近いほど彩度が高い——それがこの絵を、窓越しに眺めるのではなく岸に立っていると感じさせている理由だ。

7.50% で天井は押し上がる

青帯は 80.12% を占め、平均彩度 0.089、ピークでも 0.158 まで——面積の八割を持つ主色の族は全画面の天井に届いていない。0.200 まで押し上げているのは一割に満たない緑である。それでいて彩度の中央値は 0.091、緑がほとんど無いブロー地区との差はわずか 0.002:この緑は画面を少しも濃くしていない。〈霜月・地照〉は同じ規則のもう半分で、あちらの唯一の暖色は彩度 0.063、隣の冷たい青の 0.072 より低く、頼っているのは色相が主族から外れていることだけだ。二篇が言っているのは同じ一句——天井を変えるのに要るのは小さな一区画で、最も安上がりなのはその一区画を主色の族の外に置くこと。全面の彩度を上げて買えるのは濃度であって、焦点ではない。

Cmax は一点、中央値は面積

三つのフォンテーヌ地区の彩度 p99 はほぼ重なる——ブロー地区 0.164、モルテ地区 0.163、リフィー地区 0.160、範囲はわずか 0.004。明度の中央値もほぼ一致し、0.78 / 0.74 / 0.74。ところが Cmax は 0.175 / 0.200 / 0.198、中央値は 0.093 / 0.091 / 0.121——モルテ地区はピークが最も高く中央値が最も低い、リフィー地区はその逆だ。この二つの数を一つのことだと思っていると、一点の輝きが欲しいだけの時に全面の彩度を上げてしまい、最後にリフィー地区のような、どこにでも色があってどこにも最濃が無い絵を手にする。まず天井を誰に渡すかを決め、それからどれだけの面積がそこに届くかを決めること。

この配色を持ち帰る

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

/* モルテ地区・翠の昼 · Morte Region in Sunlit Green — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.65 0.129 241); /* 天頂の青 #3598d6 */
  --cumulus-pale: oklch(0.83 0.084 231); /* 積雲の淡青 #8ed2f4 */
  --tower-mist: oklch(0.89 0.057 229); /* 塔霧の白 #b4e3f9 */
  --lake-blue: oklch(0.61 0.097 225); /* 湖心の青 #338faf */
  --fir-teal: oklch(0.61 0.105 165); /* 杉影の青碧 #389773 */
  --bank-emerald: oklch(0.62 0.128 144); /* 岸辺の翠 #519a52 */
  --gradient-morte-region: linear-gradient(180deg, oklch(0.65 0.129 241) 0%, oklch(0.83 0.084 231) 22%, oklch(0.89 0.057 229) 42%, oklch(0.61 0.097 225) 68%, oklch(0.61 0.105 165) 86%, oklch(0.62 0.128 144) 100%);
}

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