璃月翠闇苔の湿り奥深さ

王山庁・苔の光

Wangshan Hall, Mossglow

色カード

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

再構成グラデーション

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

0%9fa77820%0e130c52%181f1882%6f8d64100%a6cf93

なぜ調和するのか

「発光している」とは彩度が高いことではなく、同じ画面に見えている光源を越えることだ:天井の裂け目は実測 L 0.71、彩度 0.066、そこから照らされた苔溜まりは L 0.81、彩度 0.093——最も明るい 4000 画素のうち 2910 個が苔溜まりに落ち、天窓には 232 個しか回らない。光源が自分の照らした地面に負けたとき、その地面はもう「照らされている」ではなく「発光している」と読まれる。

天窓は自分が照らした地に負ける

画面唯一の外部光源は天井中央のあの裂け目で、そこから一条の光柱が斜めに差し込む。ところが画面の二つのチャンネルはどちらも逆向きに伸びている——上三分の一は L 0.29、彩度 0.034、下縁の高さ 22% の帯は L 0.43、彩度 0.058。明度は五割近く、彩度は七割上がる。天窓は L 0.71、彩度 0.066、玉筍の足元の苔溜まりは L 0.81、彩度 0.093 で、二つとも勝つ。最も明るい 4000 画素のうち 2910 個が (0.53, 0.69) の苔溜まりにあり、天窓には 232 個。左の崖下にある小屋の灯った二つの窓は室内で二番目に強い光で、最も鮮やかな 3% が L 0.82、彩度 0.134——それでも同じ尺度で測った苔溜まりの 0.178 には届かない。

比という物差しはここでは効かない

〈煙雲の山・洞の光〉は一つの物差しを残した:発光とは天井と床の比である——あの洞の浮葉は彩度 0.178、全画の中央値 0.034 の 5.2 倍で、はじめて発光と読まれた。洞の外の〈夕靄〉の光源は 0.209 対中央値 0.084 の 2.5 倍にすぎず、まだ足りない。ここの苔溜まりは 0.093 対全画中央値 0.042 の 2.2 倍、あの「まだ足りない」2.5 倍より低いのに、発光していないと言う人はいない。違いは、あの二枚には光源が一つも画面に出ておらず中央値を床にするしかなかったこと。この絵は光源を枠の中に描き込んだのだから、床もそちらへ替えるべきだ。

玉筍は照らされ、苔溜まりは発光する

中央の玉筍——円形の石台に立つ蒼白い晶柱——は構図の主役で、実測 L 0.61、彩度 0.070。明度は天窓の 0.71 に負け、彩度も天窓の 0.066 と並ぶだけ。一つ負けて一つ引き分けだから、光の当たった石として読まれる。それを取り巻く苔溜まりは L 0.81、彩度 0.093 で、二つのチャンネルが同時に天窓を越える。それだけで身分が入れ替わる。暗いインターフェースで何かを発光させたいなら、まず光源も同じ画面に置き、そのうえで明度と彩度の両方でその光源を越えさせること——片方だけでは、それはまだ照らされているだけだ。

この配色を持ち帰る

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

/* 王山庁・苔の光 · Wangshan Hall, Mossglow — Teyvat Palette */
:root {
  --moss-glow: oklch(0.81 0.093 136); /* 苔明かりの緑 #a6cf93 */
  --shaft-light: oklch(0.71 0.066 116); /* 天窓の光 #9fa778 */
  --jade-spire: oklch(0.61 0.07 138); /* 玉筍の青 #6f8d64 */
  --lamp-window: oklch(0.82 0.134 91); /* 窓明かりの黄 #e4c052 */
  --pillar-slate: oklch(0.23 0.017 145); /* 柱岩の灰 #181f18 */
  --cavern-deep: oklch(0.18 0.016 138); /* 洞壁の墨 #0e130c */
  --gradient-wangshan-hall: linear-gradient(180deg, oklch(0.71 0.066 116) 0%, oklch(0.18 0.016 138) 20%, oklch(0.23 0.017 145) 52%, oklch(0.61 0.07 138) 82%, oklch(0.81 0.093 136) 100%);
}

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