昼開豁端正生発

スメール教令院・緑の盛り

Sumeru Akademiya, Green at Full Sun

色カード

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

再構成グラデーション

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

0%3f86be24%2b857448%25664c68%a6926f84%bfbfac100%76ba4b

なぜ調和するのか

ひと族が焦点を買えるかどうかは、その平均ではなく、内部がどれだけ開いているかで決まる。青の帯 210°–270° は 40.21% を占め、平均彩度 0.105 で全画面の中央値 0.095 を上回るのに、その最も濃い 3% でも 0.127 どまりで、全画面の p99 0.155 に届かない。緑の帯 90°–165° は 26.05% で平均 0.082、中央値を下回るのに、最も濃い 3% は 0.160 に達し、全画面で最も濃い 4000 画素のうち 3990 個が緑のもの、青は 7 個しか取れていない。面積が 1.54 倍、平均が 1.28 倍濃いほうの族が、最も濃い画素を一つも取れていない——平均が告げるのはその族がどれだけ安定しているかであり、頂点が告げるのはどれだけ裂けているかで、焦点を買う金は裂け目からしか出てこない。

平均が最も高い族が最も濃い画素を一つも取れていない

二本の大きな帯をそれぞれ測る:210°–270° は 354072 画素・平均彩度 0.105、90°–165° は 229385 画素・平均 0.082 で、前者は面積が 1.54 倍、平均が 1.28 倍濃い。ところが各々の最も濃い 3% を取ると、青は 0.127(10622 画素)止まり、緑は 0.160(6882 画素)に届く。全画面の p99 は 0.155——青はこの族の百分の一すら届かず、緑は百分の〇・七八がすでに越えている。最も濃い 4000 画素のうち 3990 個が 120°–150°・平均 0.162 にあり、240°–270° には 7 個しか残らない。天井 0.192 が緑のものになるのは、緑がより濃いからではなく、緑がより不均一だからである。

緑は二つに裂かれ、空は裂かれていない

右手、樹冠に覆われたあの草の斜面(0.78, 0.48 から)は 26450 画素、L 0.46 / 彩度 0.079 / 色相 164°、その最も濃い 3%(794 画素)でも 0.147 止まり。下縁四分の一の 90°–165° は 102098 画素、L 0.70 / 彩度 0.080 で、全画面のピーク 0.192 はそこに落ちている。二つの草の平均彩度の差はわずか 0.001、明度の差は 0.24 ——この族の平均は自分の陰の面に押さえ込まれ、頂点は日を受けた半分が単独で押し上げている。空にはこの構造がない:上縁四分の一の 210°–270° は 179509 画素・平均 0.111、ピークでも 0.152 で、天頂のあの一角(0.35, 0.01 から)は L 0.63 / 0.092。空は一枚の面、草は二枚の面なのだ。

同じ都、緑が四倍になって

〈スメール城・青の昼〉は同じ都の別の一角である。あちらの緑の帯は 6.50% しか占めず、平均彩度 0.094 は自分の中央値 0.081 を上回り、全画面のピーク 0.170 も緑の上にあった。こちらの緑は 26.05% まで広がり、平均はかえって 0.082 へ落ちて中央値 0.095 の下に沈み、ピークは 0.192 まで上がる。広く敷くほど、その族の平均は自分の暗部に引き下げられ、焦点を買う金は頂点からしか出せなくなる。だから平均色で族の強さを判じてはいけない。陰の面と受光面を分けて測ること——両者が開いているほど焦点を買えるし、開かない族は——ここでは 40.21% の空だ——最大で最も濃くとも、地でしかない。

この配色を持ち帰る

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

/* スメール教令院・緑の盛り · Sumeru Akademiya, Green at Full Sun — Teyvat Palette */
:root {
  --sunlit-sward: oklch(0.72 0.16 135); /* 日を受けた草 #76ba4b */
  --shaded-sward: oklch(0.46 0.079 164); /* 陰の草の青 #25664c */
  --akademiya-zenith: oklch(0.6 0.111 245); /* 院上の青 #3f86be */
  --canopy-teal: oklch(0.56 0.088 178); /* 冠影の碧 #2b8574 */
  --eaves-gold: oklch(0.67 0.054 82); /* 軒棟の金 #a6926f */
  --forecourt-pale: oklch(0.8 0.027 107); /* 階前の白 #bfbfac */
  --gradient-sumeru-akademiya: linear-gradient(180deg, oklch(0.6 0.111 245) 0%, oklch(0.56 0.088 178) 24%, oklch(0.46 0.079 164) 48%, oklch(0.67 0.054 82) 68%, oklch(0.8 0.027 107) 84%, oklch(0.72 0.16 135) 100%);
}

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