スメール昼開放賑わい軽やか

ランバド酒場・開けた空の下

Lambad's Tavern under Open Sky

色カード

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

再構成グラデーション

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

0%98556112%45426826%5d9ac238%e66b4a52%39807176%78676a100%b2af97

なぜ調和するのか

頭上で最も大声の色が、地面に一画素も降りてこないことがある:画面の上三分の一を赤い布の幟がまるごと横切り、330°–40° の窓はそこに 53,418 画素、彩度 0.090、色相 9° を持ち、全画面の彩度天井 0.190 もその一帯にある。ところが真下に広がる石段の敷石は、138,240 画素のうち同じ窓に入るのがわずか 204 画素(0.15%)。色相は y 0.70 から 0.94 まで 108°/102°/95°/101°/100°/100°/103° と続き、直射日光の当たった 100° と見分けがつかない。同じ回の〈ビマリスタン・天幕の陰〉では、54,237 画素の緑の天幕が天幕下の地面を 159° まで振り、布そのものとの差はわずか 3°。二枚の布は面積がほぼ等しいのに、一方は色相を渡し、もう一方は一銭も渡さなかった——違いは架けた高さと、空が塞がれているかどうかである。遮蔽物が補助光源になるには、照らされる面の頭上の空を占めていなければならない。大声であるだけでは足りない。

53,418 対 204

上三分の一の 330°–40° にある赤い幟と日除け布は合わせて 53,418 画素、彩度 0.090、色相 9°。その真下の敷石は 138,240 画素で、同じ窓に入るのは 204 画素、0.15% にすぎない。地面全体は L 0.72 / 彩度 0.036 / 104°、赤が一画素も乗っていない。上縁で唯一光の帳簿に入るのは門楣の看板だ:最も濃い 3% が L 0.67 / 彩度 0.161 / 36°、ピーク 0.190 がそのまま全画面の天井である——それを支えているのは補助光ではなく、看板自身が直射日光を浴びていることだ。布は光を遮るが、光を与えない。与えるとすれば、その地面が本来見上げていた空をちょうど塞いだときだけである。

彩度 0.023 の影

石段の中央に落ちた影は 4,544 画素、L 0.53 / 彩度 0.023——無彩の線 0.025 の下を踏んでおり、色相を一つも報告できない。陽の当たる石段のほうは L 0.75 / 彩度 0.033 / 100°。この絵の空は開けており(画面上四分の一の 210°–270° に 46,716 画素、平均 239°)、四方はどれも陽に灼けた淡い石だ。補助光が特定の一物ではなく半球全体から来るので、影に残るのは「どれだけ光が減ったか」だけで、「減ったのは誰の光か」が無い。影に色を持たせたいなら、まず十分に近く十分に大きい隣人を与えること。それが無理なら無理に色を付けないほうがいい——完全に無彩の影のほうが、嘘の青い影より正直である。

空も地面を青くしていない

この絵は 14.18% が空で、左縁のひと塊は 253° を示す。開けた空なら、背光の面はすべて空の色相に染まってよいはずだ——同じ回の〈プスパカフェ・白く灼けた昼〉はまさにそうで、敷石が深い影に落ちた一角は 235°、天頂の 237° とわずか 2° しか違わない。ここにはそれが無い:彩度 0.023 で色相を報告できないあの投影を除けば、地面は x 0.30 から 0.60 まで 94°–108°、明度 0.69–0.80 で、背光の面がほとんど存在しないのだ。天光という請求書が届くには、太陽を遮る物が要る。すべてが直射の場所では、空には色が無いのと同じである。空を配色に参加させたいなら、まず地面に影を一つ置くこと。

この配色を持ち帰る

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

/* ランバド酒場・開けた空の下 · Lambad's Tavern under Open Sky — Teyvat Palette */
:root {
  --bunting-crimson: oklch(0.53 0.09 9); /* 幟の赤 #985561 */
  --bunting-indigo: oklch(0.4 0.064 287); /* 幟の藍 #454268 */
  --open-sky-blue: oklch(0.66 0.087 239); /* 開けた空の青 #5d9ac2 */
  --signboard-amber: oklch(0.67 0.161 36); /* 看板の琥珀 #e66b4a */
  --leaf-eave-teal: oklch(0.55 0.076 177); /* 葉軒の青緑 #398071 */
  --hueless-shadow: oklch(0.53 0.023 3); /* 色を持たない影 #78676a */
  --sunlit-steps: oklch(0.75 0.033 100); /* 陽に灼けた石段 #b2af97 */
  --gradient-lambads-tavern-exterior: linear-gradient(180deg, oklch(0.53 0.09 9) 0%, oklch(0.4 0.064 287) 12%, oklch(0.66 0.087 239) 26%, oklch(0.67 0.161 36) 38%, oklch(0.55 0.076 177) 52%, oklch(0.53 0.023 3) 76%, oklch(0.75 0.033 100) 100%);
}

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