フォンテーヌ昼優雅理性澄明

フォンテーヌ廷・午後

Court of Fontaine at Noon

色カード

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

再構成グラデーション

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

0%d7e8ee30%92cee760%5aa8d4100%2e5e9a

なぜ調和するのか

青のモノクロマティック + 金のアクセントという「品格」の公式。青は明度が下がるにつれてゆっくり紫へ寄っていく(220° → 255°)ので、深部へ向かうものは「黒くなる」のではなく「深くなる」。

色相は明度についていく

天頂から深水まで、hue は 220° から 255° へゆるやかに移る。同一 hue をそのまま暗く落とすと濁りやすい。暗い側のグラデーションには色相に少しだけ漂移を与えると、深部に「水中」の奥行きが宿る。

金と青、補色の抑制された使い方

鎏金(85°)は青のほぼ補色でありながら、建築の装飾線の上にしか現れない——面積が小さく、明度も主色に近い。だから「艶やか」ではなく「品がある」に着地する。補色を高級に見せたいなら、まず明度を揃えること。

感情は明度の基調が決める

全体の明度重心は 0.7 以上、明調の場面である。法の都の理性と秩序の感触は、まず「明るさ」が定めており、色相はその補足説明にすぎない。同じ色相の組を暗く落とせば、感情はまったく別のものになる。

この配色を持ち帰る

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

/* フォンテーヌ廷・午後 · Court of Fontaine at Noon — Teyvat Palette */
:root {
  --cloud-white: oklch(0.94 0.015 220); /* 雲白 #e1eef2 */
  --azure-sky: oklch(0.82 0.07 225); /* 天青 #92cee7 */
  --fountain-blue: oklch(0.68 0.11 235); /* 泉水の青 #4aa3d2 */
  --gilded-brass: oklch(0.72 0.11 85); /* 鎏金 #c49f4d */
  --deep-sea: oklch(0.45 0.1 255); /* 深海の藍 #2b568b */
  --gradient-fontaine-court-noon: linear-gradient(185deg, oklch(0.92 0.02 220) 0%, oklch(0.82 0.07 225) 30%, oklch(0.7 0.1 235) 60%, oklch(0.48 0.11 255) 100%);
}

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