昼爽快濃艶端整

勘定奉行・秋晴れ

Kanjou Commission, Clear Autumn

色カード

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

再構成グラデーション

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

0%e5f4ff16%84b9da34%97c9e156%3e516978%a9455d100%858f5d

なぜ調和するのか

最も明るいところと最も濃いところは、別々のものであるだけでなく、明度の中央値の両側に分かれて立っている。最も濃い 4000 画素は平均 L 0.57、全画面の中央値 0.64 より 0.07 低く、その重心は左斜面のあの紅楓の上にある。最も明るい 4000 画素は彩度がわずか 0.022、左上のあの積雲だ。同じ回の二枚は同じ白昼の晴天でありながら、頂点はどちらも明るい側に立っている(ナシャタウンの反重力環は 0.63 対中央値 0.50、スメール教令院の日を受けた草坡は 0.72 対 0.63)。ひと群れの色が中央値の暗い側に立つか明るい側に立つかは、それが固有色で濃いのか光で濃いのかを告げている——自分の色を持ったものを描くとき、ついでに明るくしてはいけない。

最も濃い一群は暗い側にいる

全画面で最も濃い 4000 画素のうち 3939 個が 0°–30° に落ち、平均 L 0.57 / 彩度 0.171、重心は (0.30, 0.53) ——左斜面のいちばん大きな紅楓である。最も明るい 4000 画素のほうは 2685 個が (0.31, 0.09)、1315 個が (0.43, 0.11)、同じ一つの積雲で、彩度は 0.022 と 0.019 しかない。全画面の明度中央値は 0.64:最も濃い一群は 0.07 低く、最も明るい一群は 0.32 高い。二つの極値は別々のものの上にあるだけでなく、中央値の両側に分かれている——しかもこの絵には終始、太陽が一つあるきりだ。

赤い木ほど暗い

左斜面のあの叢は同じ一つの秋の三つの段階で、三本の色相帯が揃って同じ方向へ進む:赤 345°–15° は 4.42%、色相 6° / 彩度 0.113 / 明度 0.53;橙 15°–45° は 3.86%、27° / 0.101 / 0.59;黄 45°–90° は 1.42%、60° / 0.089 / 0.67。色相は 54° 進み、彩度は 0.024 下がり、明度は 0.14 上がる——最も赤い叢が最も濃く、同時に最も暗い。紅楓のあの一角(0.20, 0.45 から)の 345°–30° だけを測ると、20465 画素の平均は L 0.53 / 彩度 0.132、その最も濃い 3%(1106 画素)ですら L 0.60 止まりで、なお 0.64 の下にいる。葉は自分で赤いのであって、赤く照らされたのではない。

明度の中央値をものさしに使う

このものさしは、画中に見える光源を必要としない。〈王山庁・苔の光〉が「光っている」と判じるには苔の潭が明度でも彩度でも天窓を上回ることが要り、天窓が顔を出しているのが前提だった。ここに要るのは中央値だけで、しかもそれは只でもらえる——青の帯は 59.49% を占め、平均彩度 0.058、全画面の中央値 0.058 と一桁も違わない。黒瓦(0.42, 0.20 から)は 0.046、階前の石畳(0.55, 0.85 から)は 0.024。六割の画面が濃さをきれいに譲っている。譲られた濃さは木のものになった:暖色の窓 330°–90° のあの 89118 画素(10.12%)は平均 0.104、中央値の 1.79 倍である——それでも明るくはなっていない。固有色の濃いものを描くなら、まずそれが明度の中央値のどちら側に落ちるかを測ること。明るい側に落ちれば、読み手は「あれは赤い」ではなく「あそこに光がある」と読む。

この配色を持ち帰る

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

/* 勘定奉行・秋晴れ · Kanjou Commission, Clear Autumn — Teyvat Palette */
:root {
  --maple-crimson: oklch(0.53 0.132 8); /* 秋楓の丹 #a9455d */
  --amber-maple: oklch(0.67 0.114 47); /* 落照の橙 #ce7e55 */
  --bank-grass: oklch(0.63 0.072 118); /* 岸草の青 #858f5d */
  --clear-sky-blue: oklch(0.76 0.073 236); /* 晴海の青 #84b9da */
  --far-shoal-haze: oklch(0.81 0.062 228); /* 遠汀の霞 #97c9e1 */
  --commission-tile: oklch(0.43 0.046 254); /* 奉行の甍 #3e5169 */
  --cumulus-white: oklch(0.96 0.022 240); /* 積雲の白 #e5f4ff */
  --gradient-kanjou-commission: linear-gradient(180deg, oklch(0.96 0.022 240) 0%, oklch(0.76 0.073 236) 16%, oklch(0.81 0.062 228) 34%, oklch(0.43 0.046 254) 56%, oklch(0.53 0.132 8) 78%, oklch(0.63 0.072 118) 100%);
}

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