スメール黄昏色緘黙荒蕪

砂に埋もれし故郷・塵の霞

Sand-Embraced Home in Dust Haze

色カード

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

再構成グラデーション

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

0%9a8f6830%7d714c52%757c5074%daa433100%4a2a09

なぜ調和するのか

空気はただ色を自分の側へ押すだけではない。それは画面全体の色域が収束していく先である。砂に埋もれし故郷の塵霞は実測 94°、そして画中の二つの材質族は両側からそこへ歩いてくる——同じ一つの岩が、近くで 116°、いちばん遠くで 93°。同じ一続きの砂が、前景で 63°、いちばん遠い端で 86°。近くでは 53° 離れていた二つが、遠くでは 7° しか違わない。一枚の絵の色域を狭めたいなら、物を直しに行く必要はない。介質の色相を二つの族のあいだに置けばいい。

二つの族が、両側から同じ数値へ引かれる

記号の刻まれた同じ大岩が、近い面((0.26, 0.36) から)110°、塊全体で 116°。いちばん遠い崖((0.72, 0.10) から)は 93°、崖の頂((0.78, 0.05) から)は 98°——どこまでも塵霞の 94° へ向かい、明度はほとんど動かない(0.57 → 0.55)。砂は逆向きに歩く:砂丘の陰面((0.35, 0.85) から)63°、中程((0.72, 0.55) から)78°、いちばん遠い端((0.80, 0.50) から)86°。〈死兆星・薄い霧〉が測ったのは片側だけの半分である——あの絵の空は 239°、船体の 92.5% の画素が 210°–270° へ押し込まれていた。ここでは介質の色相が二族のあいだに座っているので、両側が一緒に引き寄せられる。

この勘定は、ほとんど色相に付けられている

収束は彩度を落とすことで起きているのではない:あの岩は近から遠へ C 0.064 → 0.055、砂は近から遠へ 0.065 → 0.063。レンジは 0.009 と 0.002 でしかなく、色相はそれぞれ 23° 歩いている。明度もこの勘定を負わない——岩の近遠差は 0.02 だけだ。塵霞そのものは画中で最も声の小さい一段である:空((0.35, 0.02) から)L 0.65 / C 0.056、その 41,472 画素のピークは 0.062 しかなく、全画面の天井 0.154 の半分にも届かない。それでいて画中で最も明るい大面でもある。「声が小さい」とは彩度の話であって、明度の話ではない。

190° の空白窓と、五つの色

代償は色域だ:`190°–20°` というこの 190° 幅の窓は全画面で一画素も無く、210° まで広げても(`180°–30°`)1 画素、240° にして(`165°–45°`)42 画素しかない。画面の 99.64% は 45°–165° の 120° に詰まっている。〈アシュヴァッタ神殿・月白〉のあの 180° 全空はライブラリ屈指の記録であり、〈霊石・孤つの光〉の 255° が上限だった——砂に埋もれし故郷は、屋外の風景一枚で 190° をやってのける。それでも見る者は、橙の砂、青碧の岩、褐の空、黄の草、白い刻痕を読み取る——色名の数と色相の跨りには何の関係も無い。素材の一群を同じ場所のものに見せたいなら、色相を統一しに行くのではなく、共通の空気を一枚かけること。

この配色を持ち帰る

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

/* 砂に埋もれし故郷・塵の霞 · Sand-Embraced Home in Dust Haze — Teyvat Palette */
:root {
  --dust-veil: oklch(0.65 0.056 94); /* 塵の霞 #9a8f68 */
  --carved-rock: oklch(0.57 0.064 116); /* 碑岩の青碧 #757c50 */
  --sun-struck-sand: oklch(0.75 0.138 81); /* 日に灼けた砂 #daa433 */
  --deep-sand: oklch(0.32 0.065 63); /* 沈んだ砂の褐 #4a2a09 */
  --far-wall: oklch(0.55 0.055 93); /* 遠壁 #7d714c */
  --gradient-sand-embraced-home: linear-gradient(180deg, oklch(0.65 0.056 94) 0%, oklch(0.55 0.055 93) 30%, oklch(0.57 0.064 116) 52%, oklch(0.75 0.138 81) 74%, oklch(0.32 0.065 63) 100%);
}

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