フォンテーヌ夕折り目正しさ薄ら寒さ灯の下

冒険者協会(フォンテーヌ)・薄暮

Adventurers' Guild Fontaine at Nightfall

色カード

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

再構成グラデーション

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

0%6b506c20%39385e52%678f8c62%36568176%c07e43100%7e5b62

なぜ調和するのか

灰が一片もなくても、うるさくならない。この絵の無彩は 4.59%——稲妻の冒険者協会の 8.09% よりさらに少ないのに、四枚のうち唯一、余白も持たず響く色も持たない一枚である。彩度 p99 は 0.109、ピークは 0.157、稲妻は 0.160 と 0.231。余白の面積と彩度の天井は、同じ勘定の二通りの払い方にすぎない——どちらか一方を下げれば足りる。

81.41% が途切れない一本の帯に並ぶ

紫 26.26% に桃 25.32%、赤 16.04%、橙 13.79% を足して 81.41%——画面の八割が 270° から 45° へ続く途切れない帯になる。店構えの背後の大壁は L 0.47、彩度 0.055、色相 326°、屋根のスレート瓦は L 0.36、彩度 0.064、色相 283°、カウンター前の敷石は L 0.51、彩度 0.046、色相 6°。同じ薄暮の下の三つの素材が色相の上で一列に並んだだけで、外へ飛び出すものが一つもない。この帯こそが本来あるべき灰の代わりだ——無彩で色を隔てるのではなく、色の端と端をつないでいる。

天井を 0.109 まで下げる

彩度 p99 はわずか 0.109、全画面のピークは 0.157、どちらも四枚で最も低い。最も鮮やかなのは右手の二基のガス街灯で、その最も明るい 3% が L 0.65、彩度 0.111、色相 61°——ランプ一基が、この絵の上限そのものである。ヴァナラーナと比べてみる。あちらの無彩は 1.43% でここよりさらに少ないが、彩度の中央値は 0.103、ピークは 0.245 で、「色相を絞り、主従の彩度を倍に開く」というやり方を採っている。同じく灰を敷かずに、フォンテーヌは別の道を行く——全員まとめて押さえ込み、誰にも響かせない。

唯一の寒色は二枚の天蓋

シアン 1.14% に青 4.48%、画面の 5.62% の寒色はほぼカウンター両脇の布の天蓋にしか生えていない。光を受けた側は L 0.62、彩度 0.044、色相 191°、陰の側の最も鮮やかな一群は 107 画素で L 0.41、彩度 0.118、色相 258°、位置は (0.33, 0.68)。同じ一枚の布の両半分が 65° 離れ、しかも彩度 0.118 は全画面のピーク 0.157 に迫っている。天井さえ下げておけば、5.62% の寒色で第二の声になれる——わずかなアクセントを効かせたいなら、それを明るくするより周囲の上限を下げるほうがずっと安上がりだ。

この配色を持ち帰る

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

/* 冒険者協会(フォンテーヌ)・薄暮 · Adventurers' Guild Fontaine at Nightfall — Teyvat Palette */
:root {
  --dusk-wall: oklch(0.47 0.055 326); /* 暮れの壁紫 #6b506c */
  --slate-violet: oklch(0.36 0.064 283); /* 軒瓦の青紫 #39385e */
  --lamp-gold: oklch(0.65 0.111 61); /* 街灯の金 #c07e43 */
  --awning-cyan: oklch(0.62 0.044 191); /* 日向の天蓋青 #678f8c */
  --awning-shade: oklch(0.45 0.08 256); /* 陰の天蓋青 #365681 */
  --pavement-blush: oklch(0.51 0.046 6); /* 敷石の桃 #7e5b62 */
  --gradient-adventurers-guild-fontaine: linear-gradient(180deg, oklch(0.47 0.055 326) 0%, oklch(0.36 0.064 283) 20%, oklch(0.62 0.044 191) 52%, oklch(0.45 0.08 256) 62%, oklch(0.65 0.111 61) 76%, oklch(0.51 0.046 6) 100%);
}

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