ナタ夕広大温もり積層

テスカテペトン山脈・夕映え

Tezcatepetonco Range in Afterglow

色カード

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

再構成グラデーション

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

0%f0aea413%d3bbd333%9180a758%97566080%524320100%c05444

なぜ調和するのか

中央値を下げるのに灰は要らない。テスカテペトン山脈の無彩はわずか 4.99%、1% を超える色相帯が七本で 94.66% を埋め尽くしているのに、枠はなお 0.100 ある(p99 0.172 引く中央値 0.072)。中央値を押さえているのは、広い面積を占める「色は付いているが淡い」もの——11.53% の紫の樹冠は彩度 0.060、赤砂岩の壁は 0.087、台地の草地は 0.055。灰で節約できる分は淡色でも節約できる。しかも淡色なら、画面の身元を手放さずに済む。

淡さは、もうひとつの灰である

全画の無彩は 4.99% しかない。それでも中央の谷一帯(横 20%–80%、縦 30%–60%)の実測彩度は 0.084 どまりで、同じ矩形内のピークは 0.207 ある。この 0.084 を支えているのは画面の半分を占める三つのもの——赤砂岩の壁 L 0.53 / 0.087、崖上の紫の樹冠(270°–330°、106,285 画素 = 11.53%)L 0.63 / 0.060、台地の草地 L 0.39 / 0.055。すべて中央値 0.072 の近くに留まっている。同じ回の〈「織りの間」・幽光〉は 41.61% の無彩で中央値を 0.028 まで下げたが、こちらは 4.99% の無彩で 0.072、枠の差はわずか 0.025。広い面を低彩度に押さえるのと、灰に抜くのとでは、中央値への効き目はほぼ同じだ。違うのは前者に色相が残ること——そしてその色相こそ、この赤い土地の身元である。

七つの族でも、定数は分け合えない

八本の色相帯のうち七本が 1% を超え、赤から桃まで色環を一周する。それでもピークの行き先はひとつだけだ——最も鮮やかな 4,000 画素のうち 3,727 個が 30°–60° に落ちる。谷底、火に照らされたあの裂け目である(実測 L 0.58 / 彩度 0.143 / 色相 30°)。逆に冷たい半分を数えると、165°–255° は 9,273 画素(1.01%)、平均彩度 0.042、ピークは 0.097 しかなく、暖端の 0.207 の半分にも届かない。色相が多いことは、どの族も高さを買えることを意味しない。天井は画面ごとにひとつの数字であって、族ごとに配分されるものではない——だから色をもう一族足しても画面は鮮やかにならず、中央値が下げにくくなるだけである。

太陽が左にあることは、空の二つの隅が語る

左上の空は L 0.81 / 彩度 0.079 / 色相 29°、右上は L 0.82 / 彩度 0.042 / 色相 325°。二隅の明度差はわずか 0.01、なのに色相は 64° も横に開き、彩度は倍近く違う——低い太陽は左にある。本篇が「夕映え」を選んだ根拠はこれであって、空を暗く落としたことではない。同時にこの空の帯は中央値のためにも働いている。画面上縁で最大の面を占め、明度は 0.81 まで上がりながら、彩度は 0.042–0.079、ピーク 0.207 の半分にも満たない。夕日に灯された空は最も「鮮やか」に見えて、実測では画面で最も安上がりな面だ——暖かくしつつくどくしたくないなら、暖色は広い淡面に預け、濃さは一本の裂け目に取っておくこと。

この配色を持ち帰る

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

/* テスカテペトン山脈・夕映え · Tezcatepetonco Range in Afterglow — Teyvat Palette */
:root {
  --afterglow-sky: oklch(0.81 0.079 29); /* 夕映えの空 #f0aea4 */
  --far-sky-rose: oklch(0.82 0.042 325); /* 背陽の桃 #d3bbd3 */
  --red-scarp: oklch(0.53 0.087 10); /* 赤壁 #975660 */
  --canopy-violet: oklch(0.63 0.06 305); /* 樹冠の紫 #9180a7 */
  --mesa-green: oklch(0.39 0.055 86); /* 台地の緑 #524320 */
  --gorge-fire: oklch(0.58 0.143 30); /* 谷火の橙 #c05444 */
  --gradient-tezcatepetonco-range: linear-gradient(170deg, oklch(0.81 0.079 29) 0%, oklch(0.82 0.042 325) 13%, oklch(0.63 0.06 305) 33%, oklch(0.53 0.087 10) 58%, oklch(0.39 0.055 86) 80%, oklch(0.58 0.143 30) 100%);
}

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