璃月昼明麗豊茂爽気

璃沙郊・金の昼

Lisha in Golden Daylight

色カード

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

再構成グラデーション

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

0%3195d318%defcff40%92b8c762%95b37b82%f0d957100%4ab1af

なぜ調和するのか

面積と「頂点の厚み」は二つの別々の色相族に配ることができ、しかも彩度の統計はひと言も変わらない:青は 529,098 画素、緑は 115,260 画素(4.6 倍)、両族の平均彩度は 0.083 対 0.084。それでも最も濃い 4000 画素のうち緑が 3,244 個、青は 573 個しかない。地の色は面積が決め、焦点は天井に貼りついた一群の厚みが決める——この絵では、その二つの符号がちょうど逆になっている。

四倍半の面積、六分の一の頂点

青帯(210°–270°)は 529,098 画素、平均彩度 0.083、ピーク 0.162。緑帯(90°–165°)は 115,260 画素、平均 0.084、ピーク 0.181。面積は 4.6 倍違い、平均彩度の差は 0.001、ピークの差は 0.019——「どちらが濃いか」を測るあらゆる方法が引き分けを告げる。本当に分けられるのは、最も濃い 4000 画素が誰のものかだけだ:緑 3,244、青 573。しかもその二群自身の平均彩度は 0.152 対 0.148 で、やはり横並びである。違うのは濃さではなく、厚みだ。

西風大聖堂は分割を一度し損ねている

〈西風大聖堂・晴天〉は 0.35% の朱旗が 70.33% の空の彩度統計をすべて追いつくことで、Cmax は性格ではないと証明した。だがあの絵では、面積と頂点の厚みを同じ族が取っている——最も濃い 4000 個のうち空が 3,229、旗が 678——だから「主色はその一群の厚みが買う」があそこでは成り立った。璃沙郊はその二つを切り離す:主色はやはり青で、面積は 60.09%、天頂の実測 L 0.64 / 彩度 0.129 は確かに画中でいちばん深く濃い大面である。それでも頂点の厚みは緑の手にある。一つの色相族の重みを報告するとき、面積と頂点の厚みは分けて報告しなければならない——両者は逆符号になりうるのに、どの彩度統計もそれに気づけない。

最も濃い二群が同じ垂線に並ぶ

あの 3,244 画素は、画面左下のあの黄葉樹の受光した冠に生えている:同じ矩形((0.05, 0.72) 起点、幅 0.12・高さ 0.22)の最も濃い 3% は実測 L 0.88 / 彩度 0.149 / 色相 99°。右中央のもっと大きな黄葉樹を同じ手順で測ると 0.119 / 91° にしかならず、厚いのは左下のこの一本であって、大きいほうではない。空で最も濃い 573 画素は (0.16, 0.09) の天頂に落ち、L 0.67 / 彩度 0.148 / 245°——二つの群はほぼ同じ垂線上にあり、一方は天頂、一方は樹冠で、濃さの差は 0.004 しかない。小さな面積のものを焦点にしたければ、そのピークを持ち上げにいかないこと(0.181 対 0.162、差はわずか 0.019)。天井に貼りついた一群を厚くしにいけばいい:受光した樹冠が一本あれば足りるのに、空は一面まるごとあって 573 個しか出せていない。

この配色を持ち帰る

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

/* 璃沙郊・金の昼 · Lisha in Golden Daylight — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.64 0.129 241); /* 天頂の青 #3195d3 */
  --cumulus-white: oklch(0.97 0.031 208); /* 積雲の白 #defcff */
  --karst-grey: oklch(0.76 0.046 224); /* 岩崖の青灰 #92b8c7 */
  --bay-teal: oklch(0.7 0.095 193); /* 湾水の青碧 #4ab1af */
  --slope-green: oklch(0.73 0.084 131); /* 草坡の緑 #95b37b */
  --crown-gold: oklch(0.88 0.149 99); /* 樹冠の金 #f0d957 */
  --gradient-lisha: linear-gradient(180deg, oklch(0.64 0.129 241) 0%, oklch(0.97 0.031 208) 18%, oklch(0.76 0.046 224) 40%, oklch(0.73 0.084 131) 62%, oklch(0.88 0.149 99) 82%, oklch(0.7 0.095 193) 100%);
}

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