モンド昼賑わい晴朗軽やか

モンド城・祭りの昼

Mondstadt at Windblume Noon

色カード

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

再構成グラデーション

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

0%765d7014%36618834%c0cac356%b6ae9074%5d884e88%985528100%e2cb9d

なぜ調和するのか

祭りの色には面積を借りる払い方と余地を借りる払い方があり、一つめが使えるかどうかは光が決める——夜の灰は光の当たっていない面だから、提灯ひとつで塗り替えられる(九略茶館は無彩 56.13% → 25.82%、330°–60° は 37,096 画素から 195,140 画素へ)。正午の灰は太陽に占められた面であり、同じだけ飾り立てられたモンドの広場は無彩がなお 33.62%、330°–60° はわずか 19,539 画素、彩度中央値 0.039 はむしろ灯の夜の 0.045 より低い——この祭りが買えるのは余地だけで、0.144 から 0.039 を引いた 0.105 は、灯の夜の 0.092 を上回る。

灰は一分も使われていない

画面の 33.62% は彩度 0.025 を下回り、彩度中央値は 0.039 しかない。もっとも明るい 4,000 画素のうち 3,192 画素は彩度 0.010 から 0.017、明度 0.92 から 0.93 で、すべて陽の当たるあの敷石だ(一区画の実測は L 0.83、彩度 0.015、色相 154°、17,630 画素、まるごと無彩ラインの下にある)。〈九略茶館・灯の夜〉のあの祭りは 30 ポイントの灰を使い切った。この祭りは一ポイントも使っていない。ここの灰は「光が当たっていない」のではなく「いま太陽に照らされている」のであり、照らされている中性面は提灯をもう一つ足したくらいでは書き換えられない。

いちばん大きな幟が、いちばん声を出さない

通りを横切る桃色の幟は 6,075 画素、実測 L 0.51、彩度 0.044、色相 335°——全画の彩度中央値 0.039 をたった 0.005 上回るだけで、画面で最大の装飾の音量がほとんど平均値そのものだ。0.178 の天井はかわりに、左上の階に置かれた自ら青く光る風花灯のものになる。その灯の頭は 1,089 画素で 0.178 に届き、足元で青い光に覆われた石の輪は彩度 0.079、全画の青帯の平均 0.045 の 1.8 倍にあたる。白昼において天井を買えるのは、自分で光る装飾だけである。

面積が買えないなら、すべて音量を買う

330°–60° は画面全体で 19,539 画素しかない。それでもこの一群のもっとも濃い 3% は L 0.60、彩度 0.131 である。生垣に挿された橙の紙風車はこの窓の中で 653 画素にすぎず、平均 0.106、ピーク 0.166——653 画素で 0.178 の天井に触れている。灯の夜の余地は 0.137 から 0.045 を引いた 0.092、ここは 0.144 から 0.039 を引いた 0.105。面積は一寸も買っていないのに、音量はむしろ大きい。昼のインターフェースに祭りのスキンをかけるときも同じだ。地の色は日光に占められているのだから、そこを変えようとしないこと。予算は自ら光る数点に寄せ、光らない装飾はどれだけ大きくても覆っているだけである。

この配色を持ち帰る

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

/* モンド城・祭りの昼 · Mondstadt at Windblume Noon — Teyvat Palette */
:root {
  --flagstone-grey: oklch(0.83 0.015 154); /* 敷石の灰 #c0cac3 */
  --court-brick: oklch(0.75 0.042 94); /* 広場の煉瓦 #b6ae90 */
  --hedge-green: oklch(0.58 0.097 138); /* 生垣の緑 #5d884e */
  --border-bloom: oklch(0.85 0.066 85); /* 花壇の黄 #e2cb9d */
  --street-banner: oklch(0.51 0.044 335); /* 幟の桃 #765d70 */
  --paper-pinwheel: oklch(0.52 0.106 52); /* 紙風車の橙 #985528 */
  --windblume-lamp: oklch(0.48 0.079 247); /* 風花灯の青 #366188 */
  --gradient-mondstadt-main-plaza-windblume: linear-gradient(168deg, oklch(0.51 0.044 335) 0%, oklch(0.48 0.079 247) 14%, oklch(0.83 0.015 154) 34%, oklch(0.75 0.042 94) 56%, oklch(0.58 0.097 138) 74%, oklch(0.52 0.106 52) 88%, oklch(0.85 0.066 85) 100%);
}

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