モンド昼のびやか高遠実り

蒼風の高地・青天

Windwail Highland under a Clear Zenith

色カード

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

再構成グラデーション

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

0%3191d124%aee9ff52%94be9178%488592100%34587c

なぜ調和するのか

額縁は四辺そろっている必要はない、一辺で足りる——ただし一本の軸だけで単独に離れなければならない。上端 15% の彩度は 0.121、中央は 0.073(1.66 倍)。残る三辺の 0.073 / 0.075 / 0.086 は中央に貼りついたまま動かず、同じ上端の明度は 0.69 で、中央の 0.70 よりむしろ低い。この額縁は彩度で描かれていて、明暗とは関係がない。

彩度は最上段の一本に全額賭けられている

全画で最も彩度の高い 4000 画素のうち 3855 個が 240°–270° に落ち、位置は (0.34, 0.01)——画面上辺の中央、天頂の空である。横に十本へ切って測ると、上の二本が 0.129 と 0.098、残る八本はすべて 0.067–0.079 という幅 0.012 の帯に収まる。上の二隅は 0.124 と 0.107、下の二隅と中央は 0.073 / 0.073 / 0.073 で、三つはほぼ同じ。彩度は上から下へ徐々に落ちているのではなく、上端のすぐ下で一段に踏み均されている。何かを枠で囲みたいなら、まず軸を一本決め、差額をその一本に全額積むこと。三本の軸を少しずつ動かしてはいけない。

上端は中央よりむしろ暗い

上端の帯は L 0.69、中央は 0.70——額縁は明度の上では何も言っていない。四辺の明度 0.69 / 0.59 / 0.72 / 0.61 は中央をまたいで両側に散らばり、符号すらそろわない。明度には別の仕事があるからだ。左下の手前の岩壁は L 0.45、左方遠くの街を包む霞帯は L 0.80——奥行きは丸ごとこの軸に掛かっている。一本の軸が一度にこなせる仕事は一つ。枠を描きたければ、まだ空いている軸を探すこと。

黄金に見える秋の木立は、実は緑

〈ドラゴンスパイン・秋の雪〉が額縁に使ったのは色相だった——暖色画素 11.6% がすべて四辺に立っていた。この絵にその選択肢はない。赤・橙・黄の三帯を合わせても 0.27% しかない。台地の縁に並ぶ、黄金色に見えるあの秋の木立は、その帯の中の 45°–165° の画素を取り出すと実測 134°、彩度 0.065。本当に 45°–90° に入るのは 609 個だけだ。画面中央の赤瓦の館は全図で唯一の人工的な暖色だが、屋根のその小片で 330°–90° の暖域に落ちるのは 166 画素、平均 353°、彩度 0.055——全画の彩度中央値 0.077 よりも低い。枠を描き始める前に棚卸しをすること。どの軸に、本当に在庫があるのか。

この配色を持ち帰る

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

/* 蒼風の高地・青天 · Windwail Highland under a Clear Zenith — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.63 0.131 243); /* 天頂の青 #3191d1 */
  --horizon-haze: oklch(0.9 0.067 223); /* 遠霞の白 #aee9ff */
  --town-in-haze: oklch(0.8 0.097 231); /* 街影の青 #79c9f1 */
  --terrace-green: oklch(0.76 0.078 143); /* 台地の緑 #94be91 */
  --near-cliff: oklch(0.45 0.073 250); /* 崖の青灰 #34587c */
  --manor-red: oklch(0.67 0.055 353); /* 荘園の赤 #b18898 */
  --gradient-windwail-highland: linear-gradient(180deg, oklch(0.63 0.131 243) 0%, oklch(0.9 0.067 223) 24%, oklch(0.76 0.078 143) 52%, oklch(0.58 0.066 214) 78%, oklch(0.45 0.073 250) 100%);
}

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