フォンテーヌ昼清澄豊穣静流

サラシア海原・水の光

Salacia Plain Underwater

色カード

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

再構成グラデーション

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

0%139dc734%2cb8b268%1e8f37100%4bc444

なぜ調和するのか

媒質がそのままフィルターになる。水中で無彩の画素はわずか 0.01%、三つの色帯(緑 36%、青緑 30%、青 34%)はすべて 145°–226° の 81° に収まる——あらゆる材質が同じ水を一度通されており、そこから逃れた暖色はたった百数十画素、画面の 0.012% でしかない。

灰色の画素が一つもない

彩度 0.025 未満の画素は 0.01%、中央値は 0.131。空気の場面には必ず灰がある(ドラゴンスパインは 63%)が、水中にはない——光が材質に届く前に、水がすでに周波数を選んでしまっているからだ。媒質のある場面を描くなら、まず媒質の色を決め、それから材質の色を決めること。逆順にやると、材質の色は永久に環境へ溶けない。

区別は明度が担い、色相は担わない

受光する水草は L 0.73、背光の水草は L 0.57、色相はほとんど動かない(142° 対 146°)。中景の水は L 0.71、上層と遠景は L 0.65。同じ青緑の中のあらゆる階層が明度に配分されている——淵下宮の霧と同じ法則で、あちらは彩度をゼロに落とし、こちらは彩度中央値 0.131 のままそれをやっている。

百数十画素の橙は、許された例外

15°–70° の暖色画素を全部数えても 106 個、画面の 0.012%、平均 L 0.66・彩度 0.084・色相 44°。この青緑の中で見えるのは、水が彼らを染めきれなかったからだ——統一された色偏の画面では、唯一の例外は統一を揺るがさないほど小さく、同化されないほど暖かくなければならない。単一のトーンの中に輝点を置きたいなら、面積は万分率で、色相は補色の方向へ。

この配色を持ち帰る

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

/* サラシア海原・水の光 · Salacia Plain Underwater — Teyvat Palette */
:root {
  --weed-green: oklch(0.727 0.2 142.3); /* 藻の緑 #4bc444 */
  --deep-weed: oklch(0.571 0.16 146.3); /* 深藻 #1e8f37 */
  --water-teal: oklch(0.71 0.113 191); /* 水層の青 #2cb8b2 */
  --far-blue: oklch(0.65 0.121 226); /* 遠海の青 #139dc7 */
  --fish-amber: oklch(0.66 0.084 44); /* 游鱗の橙 #be8168 */
  --gradient-salacia-plain: linear-gradient(190deg, oklch(0.65 0.121 226) 0%, oklch(0.71 0.113 191) 34%, oklch(0.571 0.16 146.3) 68%, oklch(0.727 0.2 142.3) 100%);
}

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