璃月昼澄明軽やか空明

来歆山・浮嵐

Mt. Laixin in Drifting Haze

色カード

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

再構成グラデーション

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

0%e9fdfe18%beeefc40%87dbfe60%c9887f82%4485ae100%57a485

なぜ調和するのか

ハイキーな絵の光は、いちばん明るい場所にはない——彩度を手放した唯一の一画にある。そしてその一画がいくらの値打ちになるかは、画面に無彩色があとどれだけ残っているかで決まる。来歆山は明度の中央値 0.86、p99 0.98——上に残された余地はわずか 0.12 で、明度を押し上げる道はもう無い。最も明るい 4000 画素のうち 3843 画素が同じ一マスに集まり、L 0.98、彩度 0.021——全画面で唯一、無彩の閾値 0.025 を下回る一画である。そしてそれをやってのける画素は全体の 2.67% しかない。璃月のハイキー四枚のなかで最少だ(珉林 6.25%、雲来の海 7.72%、伏龍の木 10.88%)。灰が希少であるほど、一枚の灰はよく響く。

上には 0.12 しか残っていない

明度は p01 0.43 / p50 0.86 / p99 0.98——中央値から上への余地は全部で 0.12、下へは 0.43 ある。この絵はもう「より明るい」で何かを指し示すことができない。最も明るい 4000 画素のうち 3843 画素が同じ一マスに落ち、重心は (0.07, 0.52):それは空ではなく、左の中腹で光に貫かれたあの霧だ。中央値よりわずか 0.12 高いだけなのに、彩度は 0.021 まで手放している。これを「光はここから入る」と読ませているのは 0.98 ではなく、あの 0.021 のほうだ。明るい絵で光源を指定したいなら、もう明度を上へ押すな——天井はとうに満席だ——彩度を下へ押せ。

灰が少ないほど、一枚の灰は響く

全画面で彩度 0.025 を下回る画素は 2.67% しかない。同じ物差しで〈冒険者協会(璃月)・秋陽〉を測れば 42.38%:あちらは四割の灰で「主色相を持たない」を買っているが、来歆山は無彩をその十六分の一未満まで削り、残った一枚の無彩が場内唯一のものになった。しかもそれは人が思う場所には無い——谷を満たす浮嵐は全体で L 0.92 / 彩度 0.053 / 218°、頭上の空のほうがむしろ濃く、L 0.85 / 彩度 0.095 / 227°。空が霧より濃い。だからこの絵の開口部は左の中腹にあり、頭上ではない。無彩を敷けば静けさが買え、無彩を断てば焦点が買える。同じ量、方向が逆なだけだ。

もう一つの見どころは色相の帳簿に載る

この絵には落としどころが二つあり、それらは同じ軸の上に無い。色相が 330°–90° に入り、かつ彩度 0.025 に達する画素は全画面で 3241 個、0.37% にすぎない。そのうち 2948 個——91%——が (0.50, 0.28) を起点に幅 0.14・高さ 0.13 の矩形に集まっている。浮遊台地の縁に立つ、あの橙赤の秋木立だ。矩形は画面の 1.8% しか占めず、平均 L 0.69 / 彩度 0.082、ピーク 0.168。霧は彩度をゼロへ寄せて勝ち、秋木は画面に第二の暖色が無いことで勝つ。両者の明度は 0.98 と 0.69、どちらも明度で勝ってはいない。明るい絵に焦点が二つあってよい——ただし二冊の別々の帳簿に付けること。

この配色を持ち帰る

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

/* 来歆山・浮嵐 · Mt. Laixin in Drifting Haze — Teyvat Palette */
:root {
  --valley-gap-white: oklch(0.98 0.021 199); /* 谷口の白 #e9fdfe */
  --drifting-haze: oklch(0.92 0.053 218); /* 浮嵐の青 #beeefc */
  --high-sky: oklch(0.85 0.095 227); /* 高天の青 #87dbfe */
  --terrace-maple: oklch(0.69 0.082 28); /* 秋木の橙 #c9887f */
  --arch-indigo: oklch(0.59 0.092 239); /* 拱影の藍 #4485ae */
  --cliff-moss: oklch(0.66 0.09 166); /* 崖苔の緑 #57a485 */
  --gradient-mt-laixin: linear-gradient(135deg, oklch(0.98 0.021 199) 0%, oklch(0.92 0.053 218) 18%, oklch(0.85 0.095 227) 40%, oklch(0.69 0.082 28) 60%, oklch(0.59 0.092 239) 82%, oklch(0.66 0.09 166) 100%);
}

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