稲妻昼静寂素っ気ない淡々

木漏茶屋・日隠れ

Komore Teahouse against the Sun

色カード

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

再構成グラデーション

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

0%dcd9df20%37425942%67808062%1e273480%101b58100%6b4b6d

なぜ調和するのか

太陽が画面に入ると、太陽のほうを向いた面が一つもなくなる。日輪の一群 3,986 画素は L 1.00・彩度 0.001、いっぽう瓦は 261°、木壁は 259°、石畳は 262°、空は 263° と、すべてが 4° の中に収まる。42.28% の画素が無彩の閾値を下回り、彩度の天井 0.133 はこの回の四枚で最も低い。どの材質にも陰の色相位置しか残らず、桜も例外ではない——画面全体で 315°–345° はわずか 4,206 画素、0.48% にすぎない。〈御温泉・照る昼〉では樹冠の受光側が 40.9% を占めていた。逆光とは一種の光ではなく、画面から受光側をまるごと削除することなのだ。

四つの材質が 4° の中に

左上隅、まだ色の残る空は L 0.38・彩度 0.042・色相 263°。日輪の右側、洗い流された空は L 0.72・彩度 0.036・263°——明度は 0.34 も動いたのに、色相と彩度は微動だにしない。下に降りると、茶屋の瓦屋根は L 0.28・彩度 0.057・261°、逆光の木壁と格子は L 0.27・彩度 0.027・259°、門前の石畳は L 0.37・彩度 0.049・262°。空、瓦、木、石という四つの材質の色相が 259°–263° の 4° に収まり、画面の 40.91% が青帯に落ちる。直射光を受ける面が一つもないとき、すべての材質は同じ環境色まで退き、互いの違いは明度だけになる。

桜は地面のあの二千六百画素だけ

石畳の左端に落花が一層散っている。その矩形を二つの窓で測ると、270°–315° に 24,177 画素、L 0.43・彩度 0.035・色相 285°。315°–345° はわずか 2,626 画素、L 0.46・彩度 0.067・325°——受光側は 9.8% にすぎない。同じ回の他の二枚は 30.3% と 40.9%、〈秋沙銭湯・桜の昼〉は 5.2% である。同じ花びら、同じ一対の色相位置でも、受光側がゼロになれば、それはもう画面の中の一色ではなくなる。ある色を消す最も安い方法は、灰色に寄せることではなく、光をその背後から来させることだ。

いちばん濃い一枚が、画面の並より暗い

画面で最も彩度の高い 3% の平均は L 0.45・彩度 0.094・色相 247°。そのうち最も濃い一群 3,129 画素は店先の藍染の暖簾に落ちていて、L 0.26・彩度 0.111・269°——画面の明度中央値 0.34 よりさらに 0.08 低い。同じ回の他の三枚は、最も濃い一群がいずれも自らの中央値より上にある(0.43 対 0.32、0.56 対 0.43、0.52 対 0.47)。負なのはこの一枚だけだ。受光側がない以上、色は自前の顔料を持つものからしか供給されず、それらはすべて陰の側にある。逆光の構図で光に色を期待してはいけない。色を持たせたいものを、先に染めておくこと。

この配色を持ち帰る

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

/* 木漏茶屋・日隠れ · Komore Teahouse against the Sun — Teyvat Palette */
:root {
  --hidden-sun: oklch(0.89 0.008 310); /* 隠れた日の白 #dcd9df */
  --upper-sky: oklch(0.38 0.042 263); /* 高天の青 #374259 */
  --backlit-timber: oklch(0.27 0.027 259); /* 軒下の紺 #1e2734 */
  --dyed-noren: oklch(0.26 0.111 269); /* 藍の暖簾 #101b58 */
  --garden-pine: oklch(0.58 0.029 196); /* 庭松の青 #678080 */
  --fallen-petal: oklch(0.46 0.067 325); /* 落花の桃 #6b4b6d */
  --gradient-komore-teahouse-outside: linear-gradient(200deg, oklch(0.89 0.008 310) 0%, oklch(0.38 0.042 263) 20%, oklch(0.58 0.029 196) 42%, oklch(0.27 0.027 259) 62%, oklch(0.26 0.111 269) 80%, oklch(0.46 0.067 325) 100%);
}

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