Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
上風蝕地・濁りの正午
スメール昼火照り閉塞古びた

上風蝕地・濁りの正午

Land of Upper Setekh at Dusty Noon

色カード

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

再構成グラデーション

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

0%c1c8f118%7d6b9440%95778058%8c666c76%9a5f5c100%9b7050

なぜ調和するのか

静けさをくれるのは灰ではなく、天井のほうだ。六本の色相帯がそれぞれ 8%〜28%、合わせて 97.18% で画面を埋め尽くし、本当の無彩色は 2.81% しかない——それでも彩度 0.121 を超える画素が一つもない。ドラゴンスパインが 39.47% の灰で買ったあの平和を、ここは低く抑えた彩度の天井だけで買っている。

01

六つの色相がいて、誰も叫ばない

黄 27.75%、橙 21.19%、赤 19.65%、紫 10.37%、桃 10.04%、青 8.18%——どの帯も 8% を下回らず、黄(55°)と紫(284°)のあいだは 131° 離れている。しかもそのあいだに灰はない。無彩の画素は 2.81% だけだ。それでも静かなのは、六本の帯の平均彩度がすべて 0.048〜0.066 に収まり(幅 0.018)、全画の C p99 でさえ 0.089 しかないからである。冒険者協会(フォンテーヌ)の一篇はすでに「灰を敷かなくても喧しくならない、天井を下げればいい」と述べた。あれは無彩 4.59%、Cmax 0.157 の室内だった。ここは杖を二本とも外している——灰はもっと少なく、色相はもっと散っている——それでも天井を 0.121 まで下げれば規則は立つ。色相の数は、そもそも音量の変数ではない。

02

灰はない、足りない赤があるだけ

谷の中央、横縞の層理をまとった崖は 72518 画素の平均で L 0.55、彩度 0.050、色相 8°。崖面を横切る淡い層理は灰白に見えるのに、この矩形の中には 150°〜300° の画素が一つもない。画面で最も中性に近い塊も灰ではなく、谷の中心に横たわり枯れた根に絡まれた球形の古代遺跡だ——彩度 0.039。赤岩より低く、黄砂の 0.071 より、空の 0.059 より低い。天井が十分に低ければ、彩度の足りない赤がそのまま灰の役を引き受ける。譲る面がほしいが色相環に新しい一族を開きたくないなら、既にある色相を 0.04 以下まで下げてやること。あとはそれ自身が灰の仕事を始める。

03

ピークは中央値の 2.1 倍しかない

最も飽和した 4000 画素のうち 2168 個が 25°、平均彩度 0.095 に落ちる。位置は右上、太陽に直射された赤い崖(全体で L 0.55、C 0.077、h 23°)。画面のピークは 0.121 で、彩度の中央値 0.058 の 2.1 倍にすぎない。ドラゴンスパインの同じ比は 5.4 倍(0.185 対 0.034)——あちらは彩度の予算を貯めて一握りの画素に使わせるので、先に四割の灰を敷かねばならない。こちらは予算をすべての画素に薄く配るので、灰を一片も残す必要がない。配色するときは色相より先に天井を決めること。天井が 0.12 以内なら、色相環はまるごと使える。

この配色を持ち帰る

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

/* 上風蝕地・濁りの正午 · Land of Upper Setekh at Dusty Noon — Teyvat Palette */
:root {
  --bedded-ochre: oklch(0.55 0.05 8); /* 層理の赭 #8c666c */
  --dune-flank: oklch(0.58 0.071 57); /* 丘背の黄 #9b7050 */
  --sunstruck-red: oklch(0.55 0.077 23); /* 陽射しの赤 #9a5f5c */
  --dusty-sky: oklch(0.84 0.059 278); /* 塵天の紫 #c1c8f1 */
  --eaves-shade: oklch(0.56 0.066 305); /* 岩庇の陰 #7d6b94 */
  --faded-relic: oklch(0.6 0.039 359); /* 遺跡の褪紅 #957780 */
  --gradient-land-of-upper-setekh: linear-gradient(180deg, oklch(0.84 0.059 278) 0%, oklch(0.56 0.066 305) 18%, oklch(0.6 0.039 359) 40%, oklch(0.55 0.05 8) 58%, oklch(0.55 0.077 23) 76%, oklch(0.58 0.071 57) 100%);
}

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