スメール昼風通し養生翠のうるおい

ビマリスタン・天幕の陰

Bimarstan under a Green Awning

色カード

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

再構成グラデーション

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

0%5c9ccc20%63977638%cb745e58%2e3f3574%cfc999100%2e7130

なぜ調和するのか

一枚の布は補助光源になれる。しかも渡してくる色相は空より正確だ:左半分を横切る緑の布の天幕は 54,237 画素で L 0.63 / 彩度 0.075 / 色相 156°、その下の砂岩の地面は 7,920 画素で L 0.35 / 彩度 0.029 / 159°——3°。同じ砂岩が天幕を出て直射日光を浴びる側は L 0.83 / 彩度 0.065 / 102°:一枚の布が一片の地面の色相を 57° 振ったことになる。条件は同じ絵の中に書いてある——右手の朱の日除けは 9,568 画素しかなく、その下の木の台はいまだに 155°、赤を一つも受け取っていない。補助光は「どれだけ空を塞いだか」で課金され、「自分がどれだけ大声か」では課金されない。同じ回の〈ランバド酒場・開けた空の下〉の 53,418 画素の赤い幟は架けた位置が高すぎて、受け取りはゼロだった。

天幕と天幕下は 3° 差

緑の布の天幕は 54,237 画素、平均 156°。その下の背光の砂岩の地面は 7,920 画素、平均 159°。同じ砂岩が天幕の外で直射日光を浴びると 102°、一方で画面上四分の一に覗く空は 242°。候補が二つ並んでいる中で、天幕下の地面は布から 3° の側を選び、空から 83° の側を選ばなかった。布のほうが近く、しかもその地面が本来見上げていた空をちょうど押さえているからだ。空間の調子を決めるのに地面へ色を塗る必要はない:頭上に、有色で、十分に大きく低い面を一枚架ければ、地面のほうからその色相を取りにいく。

同じ絵の中の反例は 9,568 画素しかない

右手の朱の布の日除けは、この絵で唯一まとまった暖色である:0°–60° の窓に 9,568 画素、L 0.65 / 彩度 0.114 / 35° で、緑の天幕よりずっと濃い。ところがその下の木の台は L 0.43 / 彩度 0.049 / 155°——いまだに緑の天幕の一族で、赤が一つも無い。全画面の 330°–60° は 14,459 画素、1.64% にすぎない。二枚の布、面積差 5.7 倍、一方は 3° を渡し、もう一方は 0 を渡した。補助光源の課金単位は、それが塞いだ空であって、自分の彩度ではない。場面に雰囲気の光を仕込むなら、まず被覆を計算し、色を選ぶのはそのあとだ。

天幕は濃さを買えない

この布は色相を地面に分け与えたが、彩度は分けられなかった:天幕自身のピークは 0.134 しかなく、全画面の天井 0.214 は下縁の直射日光を浴びた草にある(左下の最も濃い 3% が L 0.72 / 彩度 0.180 / 141°、右下の一塊は 17,710 画素で L 0.49 / 彩度 0.120 / 144°、ピーク 0.211)。布と草の色相差はわずか 12° なのに、平均彩度は 1.6 倍違う。同じ回の四枚は、陽の当たる敷石の色相がすべて 100°–115°(範囲 15°)に収まり、背光側は 150° / 色相なし / 235° / 159° と散らばる——太陽が濃さを、頭上が身元を受け持っている。一つの面に濃さと身元の両方を持たせたいなら、日が当たり、かつ誰の傘の下にも無い場所に置くしかない。

この配色を持ち帰る

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

/* ビマリスタン・天幕の陰 · Bimarstan under a Green Awning — Teyvat Palette */
:root {
  --gap-sky: oklch(0.67 0.097 242); /* 軒間の空 #5c9ccc */
  --awning-jade: oklch(0.63 0.075 156); /* 天幕の翠 #639776 */
  --vermilion-canopy: oklch(0.65 0.114 35); /* 朱の日除け #cb745e */
  --awning-shade-floor: oklch(0.35 0.029 159); /* 天幕下の石畳 #2e3f35 */
  --sunlit-sandstone: oklch(0.83 0.065 102); /* 灼けた砂岩 #cfc999 */
  --sunlit-grass: oklch(0.49 0.12 144); /* 直射の草緑 #2e7130 */
  --gradient-bimarstan: linear-gradient(180deg, oklch(0.67 0.097 242) 0%, oklch(0.63 0.075 156) 20%, oklch(0.65 0.114 35) 38%, oklch(0.35 0.029 159) 58%, oklch(0.83 0.065 102) 74%, oklch(0.49 0.12 144) 100%);
}

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