モンド昼高遠端厳開豁

西風大聖堂・晴天

Favonius Cathedral under a Clear High Sky

色カード

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

再構成グラデーション

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

0%2d85ce22%b2e9f740%5e8e8962%5c718880%c56c64100%a0a79b

なぜ調和するのか

彩度のピークは、その絵が何色かをほとんど決めない——0.35% しかない朱の幡(帯内平均 0.109、ピーク 0.161)は、70.33% を占める空(0.094 / 0.163)にあらゆる彩度の指標で並び、あるいは上回る。もっとも彩度の高い 4000 画素では両者の平均がともに 0.142。主色を分けるのは、その一群がどれだけの体積を持つかであり、3,229 対 678 である。

幡と空は、まったく同じだけ鮮やかだ

画面全体で 330°–60° に入るのはわずか 3,642 画素、そのほとんどが左右の門口の上に垂れる二枚の朱の幡である。実測は L 0.63、彩度 0.114 と 0.116、色相 26° と 25°、ピークは 0.148 と 0.161。帯内平均 0.109 は、70.33% を占める青帯の 0.094 よりも高く、ピーク 0.161 は青帯の 0.163 とわずか 0.002 しか違わない。もっとも彩度の高い 4000 画素でも、空と幡の平均はともに 0.142 である。「どちらが鮮やかか」を測るあらゆる方法が引き分けを告げ、それでもこれは疑いようもなく青い絵だ。

聖堂自身は一票も投じていない

正面の塔身と切妻は実測 L 0.52 から 0.56、彩度 0.039 から 0.048、色相 249° から 256°。全画の明度中央値は 0.67、彩度中央値は 0.071 だから、この主体は二つの通路のどちらでも中央値を下回り、しかも色相は天頂の 248° と同じ族にある。足元の前庭の敷石はさらに徹底していて、L 0.72、彩度 0.020——0.025 の無彩ラインの下にあり、19.15% の無彩の主な出どころとなっている。この絵の青は空の 70.33% が単独で出資したものだ。中央に立つランドマークは「これは何色の絵か」に一票も投じていない。それが頼りにしているのは位置と対称である。

焦点と主色は別のものだ

〈霜月・地照〉では 0.24% の暖色の彩度が 0.063 で、隣にある冷たい青の 0.072 よりも低いのに、揺るぎなく全画の焦点だった——焦点は色相の孤例が支払う。ここの朱の幡も同じ孤例であり、実際に目が降りる場所でもある。それでも主色は一分も取れない。主色は天井付近の一群の体積が支払うものであり、3,229 対 678 だからだ。配色の性格を判断するとき、スポイトでピークの高さを比べてはいけない。もっとも鮮やかな一群を囲って、それが何の上に生えていて、どれだけの大きさなのかを見ること。

この配色を持ち帰る

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

/* 西風大聖堂・晴天 · Favonius Cathedral under a Clear High Sky — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.6 0.138 248); /* 天頂の青 #2d85ce */
  --cloud-white: oklch(0.9 0.059 216); /* 雲背の白 #b2e9f7 */
  --verdigris-spire: oklch(0.61 0.052 188); /* 銅屋根の青緑 #5e8e89 */
  --nave-stone: oklch(0.54 0.044 252); /* 聖堂の石 #5c7188 */
  --portal-banner: oklch(0.63 0.115 26); /* 門幡の朱 #c56c64 */
  --forecourt-stone: oklch(0.72 0.02 133); /* 前庭の石 #a0a79b */
  --plateau-grass: oklch(0.76 0.075 155); /* 台地の草 #8bc09c */
  --gradient-favonius-cathedral-exterior: linear-gradient(180deg, oklch(0.6 0.138 248) 0%, oklch(0.9 0.059 216) 22%, oklch(0.61 0.052 188) 40%, oklch(0.54 0.044 252) 62%, oklch(0.63 0.115 26) 80%, oklch(0.72 0.02 133) 100%);
}

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