Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
懸木の民 部族秘蔵所・緑の夜
ナタ夜幽緑静伏ひとつの灯

懸木の民 部族秘蔵所・緑の夜

Scions of the Canopy Secret Space, Green Night

色カード

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

再構成グラデーション

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

0%171a1038%152e2d58%4a5f7c72%89a0a8100%143710

なぜ調和するのか

「光っている」ことは、どの一本の通路でも大きく抜きん出る必要はない。懸木の民のこの門は、彩度 0.054 が全画面の中央値 0.023 の 2.3 倍、明度 0.48 も中央値 0.23 の 2.1 倍にすぎず、どちらも〈煙硌山峰・洞明かり〉の浮葉が持つ彩度 5.2 倍にはるかに及ばない——それでも画中で唯一「発光している」と読める。洞明かりのほうは二つの候補がそれぞれ一本しか持っていないからだ:洞口は明度を取るが彩度 0.034 はちょうど中央値と同じ、浮葉は彩度を取るが明度では優位に立たない。二本の通路でそれぞれ二倍取るほうが、一本で五倍取るより光に見える。

01

2 倍が二つは、5 倍が一つに勝つ

全画面の彩度中央値は 0.023、明度中央値は 0.23。門の矩形は実測 L 0.48 / 彩度 0.054 / 色相 257° で、二本の通路がそれぞれ中央値の 2.1 倍と 2.3 倍にあたる。門の中で渦を巻く光はもう少し濃く、彩度上位 4000 画素のうち 1961 個が (0.36, 0.51) に落ち、平均 彩度 0.089 / 色相 276°。〈煙硌山峰・洞明かり〉では二つの候補がそれぞれ一本しか持たない:洞口は L 0.79 なのに彩度 0.034 で、自身の彩度中央値とぴたり同じ。水面の浮葉は彩度 0.178(中央値の 5.2 倍)なのに周囲と同じだけ暗い。発光とは二次元の座標であって、一本の柱の高さではない——何かを光らせたいなら、まず明度の順位と彩度の順位を別々に見て、どちらを足すか決めること。

02

「橙色」の茂み二つ、実測 118° と 123°

門の左の岩の裂け目と右の草の斜面に、それぞれ茂みが一つある。肉眼では暖かい橙だが、実測は L 0.20 / 彩度 0.033 / 色相 118°、および L 0.22 / 0.038 / 123°——緑である。全画面に 15°–45° の暖色探索をかけると、九十二万個の標本画素からわずか 2 個しか拾えない。この夜景の緑は素材の緑ではなく、光の緑だ:140° の環境色があらゆるものの固有色を取り込んでしまい、いちばん跳ね上がってよいはずのその二つの茂みさえ残らなかった。〈ウェヌトのトンネル・砂明かり〉では 165°–345° が一画素も無いが、それは洞内に第二の光源が無いからだ。ここでは全画面で最も明るい 4000 画素のうち 3827 個が敷居の一片 (0.36, 0.71) に集まり、平均 L 0.69、ほかに光を受けている場所は無い——露天の夜でも、計算は洞と同じである。

03

いちばん濃い一枚は地面に敷かれている

全画面で最も彩度の高い面は門ではなく、門前の草の斜面だ:実測 L 0.30 / 彩度 0.076 / 色相 142°、門の 0.054 より四割高く、面積もはるかに大きい。それでも主役を奪わないのは、地面に敷かれていて明度が 0.30 しかないから——彩度では首位、明度では最下位である。右側のあの巨大な幹は別の道を行く:L 0.28 / 彩度 0.031 / 色相 192°、どちらの順位にも入らないので、輪郭にとどまる。インターフェースでも同じだ:高彩度の一色に焦点を奪わせたくないなら、低明度に押さえて広く敷けば地色に戻る。目立たせたいなら足すのは別の通路であって、同じ通路ではない。

この配色を持ち帰る

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

/* 懸木の民 部族秘蔵所・緑の夜 · Scions of the Canopy Secret Space, Green Night — Teyvat Palette */
:root {
  --night-rock-green: oklch(0.21 0.018 122); /* 夜岩の緑 #171a10 */
  --trunk-teal: oklch(0.28 0.031 192); /* 巨木の青碧 #152e2d */
  --slope-grass: oklch(0.3 0.076 142); /* 斜面の草緑 #143710 */
  --gate-blue: oklch(0.48 0.054 257); /* 門の青 #4a5f7c */
  --gate-violet: oklch(0.48 0.089 276); /* 門芯の紫 #50588f */
  --threshold-white: oklch(0.69 0.029 222); /* 敷居の白 #89a0a8 */
  --gradient-tribal-secret-space-scions-of-the-canopy-location-context: linear-gradient(180deg, oklch(0.21 0.018 122) 0%, oklch(0.28 0.031 192) 38%, oklch(0.48 0.054 257) 58%, oklch(0.69 0.029 222) 72%, oklch(0.3 0.076 142) 100%);
}

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