Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
こだまの子 部族秘蔵所・火の夜
ナタ夜火明かり赭の闇細い口

こだまの子 部族秘蔵所・火の夜

Children of Echoes Secret Space, Firelit Night

色カード

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

再構成グラデーション

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

0%d8401d20%4c221c46%301b1876%271c1b100%535d78

なぜ調和するのか

対立する色相をどれだけ与えるべきかは、それが担う仕事で決まる。こだまの子のこの一枚では 200°–300° の寒色がわずか 3512 画素、全体の 0.40% しかなく、そのほとんどが渓谷の奥の門に集まっている。門自身の彩度 0.026 は灰の閾値 0.025 の上に乗っているだけ、明度 0.46 も全画面で最も明るいわけではない——どの通路でも優位に立たず、ただ他の誰も持っていない色相を一つ持っているだけで、視線をそこまで連れて行くには足りている。〈清籟島・雷の眼〉で 83.9% の紫を「深夜」から「黄昏」へ読み替えさせた暖色帯は 2.3%、ここのおよそ六倍だ。絵の性質を変えるなら百分率で、道標を立てるだけなら千分率で与えればいい。

01

焚き火が彩度の予算を使い切った

左上の焚き火が全画面の彩度の天井である:最も濃い 4000 画素のうち 3410 個が (0.15, 0.25) に落ち、平均 L 0.59 / 彩度 0.194、ピークは 0.233。その下の彩色トーテムは L 0.31 / 0.064、火に照らされた左下の岩棚は L 0.25 / 0.034、光の届かない右の渓壁は L 0.24 / 0.018——同じ色相(26° から 34°)を四段の彩度に配るだけで、一枚が塗り終わっている。345°–90° の暖色帯は合わせて 44.06%。門の 0.026 はこの階段の最下段で、全画面の彩度中央値 0.025 の 1.04 倍にすぎない。画中に本物の光源が一つ現れた時点で、彩度という通路は他の誰にも開かれなくなる。

02

0.40% の寒色が、画中で唯一の対立

200°–300° を一枚から抜き出すと 3512 画素、平均 L 0.48 / 彩度 0.046 / 色相 270°。それは二か所に分かれている:渓谷の奥にある掌ほどの門と、トーテムの腰を巻く細い彩色帯だ——(0.23, 0.36) から幅 9%・高さ 2.5% を取り、200°–280° に落ちる 206 画素は実測 L 0.33 / 彩度 0.080 / 色相 270°。彩色帯のほうが門本体より倍近く濃い。それでも最も明るい柱の上に貼られ、44.06% の暖色に囲い込まれているため装飾として読まれ、門のほうは L 0.24 の暗い壁に支えられて出口として読まれる。同じ色相、同じ面積の桁でも、どこに置くかが模様か入口かを決める。

03

投与量表:時刻を変えるなら 2.3%、道標なら 0.40%

〈清籟島・雷の眼〉の L 0.85 / 色相 42° の暖色帯は 2.3% を占める。その仕事は一面の紫を「深夜」から「黄昏」へ読み替えさせること——絵の性質そのものを変えるのだから、大きさも明るさも要る。ここでの仕事は「道はあちらだ」と告げるだけなので 0.40% で足り、彩度でも明度でも優位に立つ必要がない。画面に対立色を足す前に、それが何をする色なのかを先に問うこと。性質を変える色は百分率で、道標は千分率で。多く与えれば道標は第二の主役になり、一枚の絵に歩いて行く価値のある場所は一つしか置けない。

この配色を持ち帰る

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

/* こだまの子 部族秘蔵所・火の夜 · Children of Echoes Secret Space, Firelit Night — Teyvat Palette */
:root {
  --cold-canyon-ochre: oklch(0.24 0.018 26); /* 火の当たらぬ岩 #271c1b */
  --firelit-ledge: oklch(0.25 0.034 28); /* 火明かりの岩棚 #301b18 */
  --totem-ochre: oklch(0.31 0.064 30); /* トーテムの赭 #4c221c */
  --flame-orange: oklch(0.59 0.194 34); /* 焔の橙 #d8401d */
  --moss-chartreuse: oklch(0.3 0.055 95); /* 苔の黄緑 #362d07 */
  --gate-violet: oklch(0.48 0.046 270); /* 門の紫 #535d78 */
  --gradient-tribal-secret-space-children-of-echoes-location-context: linear-gradient(150deg, oklch(0.59 0.194 34) 0%, oklch(0.31 0.064 30) 20%, oklch(0.25 0.034 28) 46%, oklch(0.24 0.018 26) 76%, oklch(0.48 0.046 270) 100%);
}

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