Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
天目鍛冶屋・真昼
稲妻昼和やか均一な光鍛冶の匂い

天目鍛冶屋・真昼

Amenoma Smithy at High Noon

色カード

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

再構成グラデーション

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

0%6197cd18%bd84a842%62815a62%46504778%c5573c100%99887d

なぜ調和するのか

三分の均衡には二通りの買い方がある。黄 20.46%(72°)、青 20.05%(246°)、緑 14.64%(137°)、三帯のレンジは 5.82 ポイント、それでいて無彩は 31.34% しかない——〈冒険者協会(璃月)・秋の陽〉より灰を 11.04 ポイント少なく使い、代わりに彩度の天井を 0.142 から 0.118 まで下げている。無彩の面積と彩度の上限は同じ代金の二通りの払い方で、半分ずつ払ってもよい。つけは焦点に回る。店の炉火は最も鮮やかな 84 画素でも 0.147、画面全体の p99 をようやく越える程度である。

01

灰を一割減らし、天井を二分下げる

〈冒険者協会(璃月)・秋の陽〉は 42.38% の無彩で黄 17.30%、緑 15.89%、青 18.70% の三分の均衡を買い、レンジ 2.81 ポイント、彩度 p99 は 0.142 だった。ここは無彩が 31.34% しかなく、三帯は 20.46% / 20.05% / 14.64%、レンジは 5.82。増えた 11.04 ポイント分の色が騒がしくならないのは、p99 が同時に 0.118 まで下がっているからだ。灰の面積と彩度の上限は同じものを買っている。片方だけ回してもいいし、両方を半分ずつ回してもいい。回し方が変われば、買える「平ら」の平らさも変わる。

02

天井が抑えるのは上限であって、差ではない

各帯の内部は相変わらず主従を分けており、しかも大きく分けている。緑の帯では二枚の瓦屋根が実測 L 0.57、彩度 0.069、色相 139° と 140°(左右の棟でまったく同じ)、右手の大きな岩壁は L 0.42、彩度 0.020、146°——同族で彩度は三倍半の差。青の帯では棟の上の空が 0.099、軒より下の青 45,611 画素は L 0.39、彩度 0.039 しかない。画面全体の彩度中央値 0.038 は八重堂(0.039)よりわずかに低いが、こちらは八本の色帯が動いている。天井を下げても画面は平らにならない。ただ、どの一段も飛び出さなくなるだけだ。

03

鍛冶屋でいちばん目立たないのが火である

軒下の炉の火は、最も鮮やかな 3% でもわずか 84 画素、L 0.59、彩度 0.147。同族の暖色画素(15°〜60°)は画面全体で 27,309 個、平均彩度は 0.035 しかない。そしてこの絵の彩度 p99 は 0.118——場内で唯一の自発光体が、一般的な上限をたった 0.029 上回るだけなのだ。三分の均衡が枠を平らに配ってしまうと、焦点に回す金が残らない。画面に焦点をひとつ残したいなら、先に天井を平らまで下げないこと。均した調和は、たった一つの火と引き換えである。

この配色を持ち帰る

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

/* 天目鍛冶屋・真昼 · Amenoma Smithy at High Noon — Teyvat Palette */
:root {
  --tile-green: oklch(0.57 0.069 139); /* 苔瓦の緑 #62815a */
  --high-sky: oklch(0.66 0.099 250); /* 高空の青 #6197cd */
  --sunlit-stone: oklch(0.64 0.026 56); /* 陽の石 #99887d */
  --cliff-grey: oklch(0.42 0.02 146); /* 崖の蒼 #465047 */
  --slope-sakura: oklch(0.68 0.085 341); /* 斜面の桜 #bd84a8 */
  --forge-ember: oklch(0.59 0.147 35); /* 炉火の橙 #c5573c */
  --gradient-amenoma-smithy: linear-gradient(180deg, oklch(0.66 0.099 250) 0%, oklch(0.68 0.085 341) 18%, oklch(0.57 0.069 139) 42%, oklch(0.42 0.02 146) 62%, oklch(0.59 0.147 35) 78%, oklch(0.64 0.026 56) 100%);
}

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