Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
フォンテーヌ運動エネルギー工学科学研究院地区・晴れの俯瞰
フォンテーヌ昼高曠澄明峭抜

フォンテーヌ運動エネルギー工学科学研究院地区・晴れの俯瞰

Fontaine Research Institute of Kinetic Energy Engineering Region in Clear Daylight from Above

色カード

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

再構成グラデーション

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

0%a9dcfd18%8cd5ff34%3061d852%5c96c176%51aaa2100%74c07d

なぜ調和するのか

画面に見えている空は、たいてい画面のものを照らしている空ではない。この高空からの俯瞰は上縁が地平線に貼りついており、空は実測 L 0.87 / 彩度 0.070、左中右を分けて測っても 0.075 / 0.073 / 0.073、一画素も 0.099 を越えない。いっぽう全画面で最も彩度の高い 4000 画素のうち 3610 画素は、中央の尖峰の光の当たっていない岩肌にうずくまっている——L 0.53 / 彩度 0.191 / 色相 264°、ピークは 0.234。逆光面が唯一の光源より 2.7 倍濃いのは、それを染めているのがフレームの外の天頂だからだ。影の色を画面の空から拾ってはいけない——その読みはすでに空気に書き換えられている。

01

最も濃い一塊は影であって、空ではない

最も彩度の高い 4000 画素のうち 3610 画素が 240°–270° に落ち、平均 L 0.53 / 彩度 0.191 / 色相 264°、ピーク点の座標は (0.42, 0.19)——中央の尖峰の、光の当たっていない岩肌である。同じ峰の光が当たっている面は L 0.65 / 彩度 0.089 / 色相 242°——光を受けたほうがかえって淡く、色相も 22° 戻っている。空の側はどの数字にも届かない:上縁一帯は L 0.87 / 彩度 0.070、左中右に分ければ 0.075 / 0.073 / 0.073、最も高い一画素でも 0.099 しかない。全画面の彩度の天井 0.234 は、空全体の最高値の 2.4 倍だ。

02

フレームが囲ったのは地平線で、天頂ではない

これは高空からの俯瞰で、画面の上縁は地平線に接している。画面に残った空は大気の厚みを丸ごと一つ通ってきたあの一条だけだから、淡いのだ。同じフォンテーヌ、同じ太陽で、ベリル地区はカメラを上げており、中央の天頂の矩形は実測 彩度 0.190——ここの 0.070 の三倍近い。逆光の岩が聞いているのは画面のこの一条ではなく、フレームの外にある 0.190 の天頂であって、それが写っていないだけである。〈下風蝕地・薄晴れ〉は別の国で同じことを測っている:空は 274° / 彩度 0.051、逆光の崖は 0.141 で 2.8 倍。ここは 0.070 から 0.191 で 2.7 倍だ。〈万端珊瑚探偵所・日陰の昼〉のあの判定基準「天光は一度渡ると半分以下に落ちる」とも矛盾しない——あちらの分母はその地面を本当に照らしている空であって、画枠の中で地平線に最も近い一条ではない。

03

影は最高の一点は買えるが、一つの階は買えない

この絵の最高彩度 0.234 はフォンテーヌ六場面で最も高い。それでいて彩度の p99 は 0.163 しかなく、モルテ地区とまったく同じ。中央値 0.094 はブロー地区の 0.093 とわずか 0.001 差だ——逆光の岩肌一つが最も濃い一点を買い取っても、絵全体の濃度は一ミリも動いていない。だから二つは別々に調達できる:最も濃い一点が欲しいなら、それ自身の彩度をひねり上げるより、逆光の面を一つ与えるほうがずっと本物らしい。画面を濃くしたいなら、それは別の予算で、面積でしか買えない(ここでは 10.14% の緑が平均 0.118、10.93% の青碧が 0.085、合わせてやっと中央値を 0.094 まで支えている)。そしてどちらを買うにせよ、色を画面のあの空から拾ってはいけない。

この配色を持ち帰る

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

/* フォンテーヌ運動エネルギー工学科学研究院地区・晴れの俯瞰 · Fontaine Research Institute of Kinetic Energy Engineering Region in Clear Daylight from Above — Teyvat Palette */
:root {
  --haze-sky: oklch(0.87 0.07 238); /* 霞天の青 #a9dcfd */
  --far-sea: oklch(0.84 0.094 235); /* 遠海の青 #8cd5ff */
  --ridge-shade: oklch(0.53 0.191 264); /* 峰影の紫 #3061d8 */
  --lit-rock: oklch(0.65 0.089 242); /* 受光の岩 #5c96c1 */
  --shoal-pool: oklch(0.68 0.086 188); /* 浅潭の青碧 #51aaa2 */
  --slope-green: oklch(0.74 0.121 147); /* 斜面の草の緑 #74c07d */
  --gradient-fontaine-research-institute-of-kinetic-energy-engineering-region: linear-gradient(180deg, oklch(0.87 0.07 238) 0%, oklch(0.84 0.094 235) 18%, oklch(0.53 0.191 264) 34%, oklch(0.65 0.089 242) 52%, oklch(0.68 0.086 188) 76%, oklch(0.74 0.121 147) 100%);
}

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