スメール昼木陰くつろぎ青々

ジャファータバーン・木洩れ日

Djafar Tavern in Sifted Light

色カード

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

再構成グラデーション

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

0%0e483912%63ab4230%28654d48%e27e2164%2d3c3080%a6a077100%2f5661

なぜ調和するのか

影の色相は、頭上にある物の署名である:同じテラスの石畳を測ると、巨樹の樹冠の下では L 0.34 / 彩度 0.029 / 色相 150°、枝の隙間を抜けた光が落ちた場所では L 0.70 / 彩度 0.057 / 101°——陽の当たる一点が報告しているのは太陽であり、49° 離れたもう一方が報告しているのは葉である。証拠は同じ絵の下縁にある:軒の外のあの石段は、明度がテラスより 0.06 高いだけなのに色相は 217°、画面上四分の一に写る空の 239° とはわずか 22° しか違わない。同じ回のスメール市街の店先四枚は、陽の当たる敷石の色相がすべて 100°–115° に収まる——誰が照らされても同じだ。ある空間を一目でその場所だと分からせたいなら、変えられるのは頭上に何が架かっているかだけである。

二枚の石、二つの頭上

樹冠の下のテラスは 6,480 画素で L 0.34 / 彩度 0.029 / 色相 150°、軒の外の石段は 20,304 画素で L 0.40 / 彩度 0.044 / 217°。明度差はわずか 0.06、色相差は 67°。テラスは巨樹の樹冠(実測 172°)と緑の釉薬瓦の殻屋根(164°)に押さえられ、石段は見上げれば枝の隙間の 239° の空が見える。同じ絵、同じ石、同じ太陽——分けているのは明暗でも材質でもなく、それぞれが何を見ているかである。軒下と露天の地面に同じ「影の色」を使い回さないこと。面ごとに、頭上が何かで色相を割り当てる。

光は一筋しか入ってこない

全画面の明度中央値は 0.42、枝の隙間を抜けてテラスの真ん中に落ちた光の帯は L 0.70 / 彩度 0.057 / 101°、その左右にある同じ石畳は L 0.33 と L 0.37。この絵の無彩がわずか 7.45%、緑が 63.88% もある理由もそこにある:あの一筋を除けば、葉に濾されていない光の届く面が一つも無く、石までもが緑を報告するしかない。場面を理由のある籠り方にしたいなら、明度の中央値を下げにいくのではなく、直射光の入口を塞ぐこと——残りの色は勝手にフィルターの一族へ寄っていく。

傘は看板であって、光ではない

あの珊瑚色の日傘の列はこの店で最も見分けのつくものだが、光の帳簿には現れない:傘の列をまるごと覆う 0°–50° の窓に入るのは 3,848 画素だけ、彩度 0.077、ピーク 0.110。一方、全画面の天井 0.194 は右上隅にある、直射日光の当たった唯一の一撮みの葉(L 0.67 / 彩度 0.157 / 137°)のものだ。全画面の 330°–60° は合わせて 12,924 画素(1.47%)、ピーク 0.165 は扉の左に灯る提灯——自分で光る物である。架けた布は、他人に何が見えるかを変えるだけだ。色を本当に空間へ入れたいなら、光路を遮る位置に置かねばならない。同じ回の〈ビマリスタン・天幕の陰〉では 54,237 画素の緑の天幕がそれをやってのけ、〈ランバド酒場・開けた空の下〉の 53,418 画素の赤い幟にはできなかった。

この配色を持ち帰る

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

/* ジャファータバーン・木洩れ日 · Djafar Tavern in Sifted Light — Teyvat Palette */
:root {
  --canopy-ink-green: oklch(0.36 0.063 172); /* 樹冠の墨緑 #0e4839 */
  --glazed-shell-green: oklch(0.46 0.076 164); /* 釉薬瓦の殻緑 #28654d */
  --shaded-terrace: oklch(0.34 0.029 150); /* 陰のテラス #2d3c30 */
  --skylit-steps: oklch(0.43 0.048 217); /* 天光の石段 #2f5661 */
  --sifted-sunbeam: oklch(0.7 0.057 101); /* 篩われた光 #a6a077 */
  --sunlit-leaf: oklch(0.67 0.157 137); /* 陽の当たる葉 #63ab42 */
  --lantern-amber: oklch(0.69 0.156 57); /* 灯籠の琥珀 #e27e21 */
  --gradient-djafar-tavern: linear-gradient(180deg, oklch(0.36 0.063 172) 0%, oklch(0.67 0.157 137) 12%, oklch(0.46 0.076 164) 30%, oklch(0.69 0.156 57) 48%, oklch(0.34 0.029 150) 64%, oklch(0.7 0.057 101) 80%, oklch(0.43 0.048 217) 100%);
}

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