Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
シュッツ鍛冶屋・炉の灯
モンド昼市井手仕事炉の温もり

シュッツ鍛冶屋・炉の灯

Schulz's Blacksmith by Forge Light

色カード

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

再構成グラデーション

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

0%4b656f62%c6684774%cfbdb486%a8bcba100%bacbcb

なぜ調和するのか

「そこに灯がある」と言えるのは色相だけだ。明度は助けにならないどころか、逆のことを言う——同じ敷石を三か所で測ると、陽の当たる場所は L 0.83 で色相 194°、庇の下の陰は L 0.78 で 190°、炉口の真正面は L 0.81 で 49°。明度は三つとも 0.05 の幅に、彩度は 0.005 の幅に収まり(0.019 / 0.022 / 0.024)、「光がどこにあるか」を並べられるのは 145° の色相の反転だけである。

01

三枚の敷石、明度では順位がつかない

広場の中ほど、天光を浴びた敷石は実測 L 0.83、彩度 0.019、色相 194°。庇の下で陰になった同じ敷石は L 0.78、0.022、190°——0.05 暗くなっただけで、色相はわずか 4° しか動かない。遮蔽という出来事は色相にほとんど署名を残さないのだ。炉口の真正面は L 0.81、0.024、それでいて 49°。さらに炉へ一歩寄れば明度はむしろ 0.67 まで落ち、彩度は 0.057 に上がり、色相は 28°。灯に近いほど暗い。画中で「ここに灯がある」と言いたいなら、その足元を明るくしようとしないこと——明るさは遮蔽と構図のもので、逆を向くことすらある。その地面の色相を灯の色相へねじるだけでよい。

02

灯は主色を与えない、天井だけを与える

炉のなかの火は実測 L 0.62、彩度 0.128、ピーク 0.225 は画面全体の彩度の天井である。ところが全画の彩度中央値はわずか 0.021、0.025 の無彩閾値よりも低く、55.14% の画素が正式に灰と数えられる。八本の色相帯がすべて出そろい、最大の青帯でも 21.34% にすぎない。〈王山庁・正堂・薄青〉とちょうど対をなす:あの堂も中央値 0.026 で無彩ラインに貼りつき、47.66% が灰でありながら、紛れもなく青緑の堂だった。270°–45° に一画素も無かったからだ。ここは八族が揃い、誰もが誰かに反駁される。だから「ここは何色の場所か」には答えが無く、残るのは「そこに灯がある」だけになる。

03

彩度で順位をつけると主役は壁際の草

画面でもっとも彩度の高い 4000 画素のうち、2,066 個が左下の壁際にあるわずかな草に落ちる(色相 134°、彩度 0.141)。炉の火は 1,233 個にすぎない(41°、彩度 0.159)。彩度の順位では光源は読めない——天井付近の画素は草のほうが火より多いのに、これを草の絵だと言う人はいない。しかも草の 134° は陽の敷石の 194° からわずか 60° しか離れておらず、敷石どうしは 145° も隔たっている。光源を探すなら、画面に二度以上現れる材質をひとつ選び、その二か所の色相差を測ること。彩度で並べてはいけない。

この配色を持ち帰る

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

/* シュッツ鍛冶屋・炉の灯 · Schulz's Blacksmith by Forge Light — Teyvat Palette */
:root {
  --curtain-wall: oklch(0.49 0.035 223); /* 城壁の青灰 #4b656f */
  --sunlit-flagstone: oklch(0.83 0.019 194); /* 陽の敷石 #bacbcb */
  --shed-flagstone: oklch(0.78 0.022 190); /* 庇下の敷石 #a8bcba */
  --forge-lit-stone: oklch(0.81 0.024 49); /* 炉前の敷石 #cfbdb4 */
  --forge-fire: oklch(0.62 0.128 40); /* 炉膛の橙 #c66847 */
  --wall-grass: oklch(0.46 0.082 151); /* 壁際の草緑 #326540 */
  --gradient-schulzs-blacksmith: linear-gradient(180deg, oklch(0.49 0.035 223) 0%, oklch(0.62 0.128 40) 62%, oklch(0.81 0.024 49) 74%, oklch(0.78 0.022 190) 86%, oklch(0.83 0.019 194) 100%);
}

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