Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
豊穣の邦 部族秘蔵所・松明の闇
ナタ閉ざされて松明の影深い径

豊穣の邦 部族秘蔵所・松明の闇

Collective of Plenty Secret Space, Torchlit Dark

色カード

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

再構成グラデーション

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

0%281f1e18%322f1338%46271e56%5c698370%322a1f100%c05722

なぜ調和するのか

終点は道が指し示すものであって、光が指し示すものではない。階段の突き当たりの門は実測 L 0.52 / 彩度 0.045 / 色相 264°。ところが全画面で最も彩度の高い 4000 画素は、一つ残らず二本の松明の上にある(彩度 0.149 と 0.154)。そして門へ向かう最後の一段は彩度 0.022——無彩の線 0.025 を割り込み、道の中で最も灰に近い。焦点を指定するのに、その一点をどのチャンネルでも一位にする必要は無い。収束していく道をその足元まで敷き、道の最後の区間を画面で最も低いところまで落とせばいい。

01

最も彩度の高い四千の画素、一つも門には無い

二本の松明が階段を左右から挟んでいて、実測はほとんど同じものの複製である:左が L 0.58 / 彩度 0.149 / 色相 44°、右が L 0.58 / 0.154 / 45°。全画面で最も彩度の高い 4000 画素はすべてその上に落ち、重心は (0.50, 0.82) から (0.53, 0.81) の間に収まる。〈秤罪主殿・焔明かり〉が同じ一対を測っている——左の火盆 906 画素、右の火盆 865 画素、明度はどちらも 0.84、彩度は 0.118 対 0.122——結論は、瓜二つの光は互いの「最も明るい」という身分を打ち消し合い、焦点は中軸の 0.50% の青に譲られる、勝つのは色相の独占だ、というものだった。この絵でも打ち消しは同じように起きる。だが引き継ぐのはどの色相でもない:270°–315° の紫帯は全画面の 3.95% を占め、平均彩度 0.067 は門芯の 0.045 より高い。しかも門芯の矩形のうち 260°–300° に落ちるのは 10049 画素にすぎない——門はその色相を独占してもいないし、その一族の中で最も濃い一枚でもない。引き継ぐのは、階段の突き当たりである。

02

道の最後の一段が、画面で最も灰に近い

画面下端から門へ向かって階段を四段測ると、L 0.38 / 0.38 / 0.33 / 0.29、彩度 0.075 / 0.075 / 0.051 / 0.022——敷居の手前の一段はすでに無彩の線 0.025 の下に落ちていて、全画面の彩度中央値がちょうど 0.023 である。最も明るい 4000 画素が落ちるのは二箇所だけ:門のあたりに 2586 画素、二本の松明に 1414 画素、あいだの階段には一つも無い。終点は照らされているのではなく、照らしが届かないことで印されている——光は手前に、道は途中で暗くなり、門は奥で自分だけ明るい。何かを「突き当たり」として読ませたいなら、まずその手前の区間を抜くこと。強めるのではなく、隣を弱めるのだ。

03

第六の通路は色の中には無い

この門はナタ六部族の秘蔵所で同一のアセットであり、絶対色はほとんど動かない:〈懸木の民 部族秘蔵所・緑の夜〉は L 0.48 / 彩度 0.054 / 257° で、その絵の彩度中央値 0.023 の 2.3 倍。〈謎煙の主 部族秘蔵所・霞明かり〉は L 0.57 / 0.070 / 295° で、彩度は自分の中央値とぴたり同じ、色相だけで見られていた。この一枚は L 0.52 / 0.045 / 264°、中央値 0.023 に対して二倍に届かず、ちょうど両者のあいだに挟まる——「門は何によって見られるのか」という彩度の物差しの上では、確かに新しい位置を提供しない。それでもこの門はどの一枚より楽に見つかる。そして右上、崖面をまるごと覆う部族の落書き(実測 L 0.30 / 彩度 0.044 / 色相 103°、門とほぼ同じ濃さで面積ははるかに広い)は誰も見ない:道の上に無いからだ。インターフェースでも同じである——複数のテーマで使い回す部品を、自分の色で見つけてもらおうとしてはいけない。そこへ向かう動線を一本引き、その動線の最後の区間をコントラストの最も低い区間にすること。

この配色を持ち帰る

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

/* 豊穣の邦 部族秘蔵所・松明の闇 · Collective of Plenty Secret Space, Torchlit Dark — Teyvat Palette */
:root {
  --vault-dark: oklch(0.25 0.014 27); /* 洞頂の闇 #281f1e */
  --cliff-ochre: oklch(0.31 0.05 36); /* 崖の赭 #46271e */
  --tribal-green: oklch(0.3 0.044 103); /* 部族の緑 #322f13 */
  --torch-flame: oklch(0.58 0.149 44); /* 松明の橙 #c05722 */
  --gate-blue: oklch(0.52 0.045 264); /* 門芯の青 #5c6983 */
  --threshold-grey: oklch(0.29 0.022 71); /* 敷居の灰 #322a1f */
  --gradient-tribal-secret-space-collective-of-plenty-location-context: linear-gradient(180deg, oklch(0.25 0.014 27) 0%, oklch(0.3 0.044 103) 18%, oklch(0.31 0.05 36) 38%, oklch(0.52 0.045 264) 56%, oklch(0.29 0.022 71) 70%, oklch(0.58 0.149 44) 100%);
}

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