璃月昼浩渺澄明静かに浮かぶ

死兆星・薄い霧

Alcor in Thin Haze

色カード

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

再構成グラデーション

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

0%3879b142%539ece58%def7fd80%6995b5100%75b1cd

なぜ調和するのか

空気は色を淡くするのではない。色を色相環に沿って空の族へ押していく——しかも押すのは最短の弧だけだ。木造船の船腹の矩形は暖色画素を一つも出せず(`330°–90°` は nothing matched)、龍頭に残るのは 3 個、船全体の 92.5% の画素が空の 238° に落ちている。そして生き延びた帆だけが、背後に 17,024 画素の紫桃色の移行帯を引きずっており、色相環の反対側にある二倍の幅の道には 2,278 個しかない。

木造船が暖色画素を一つも出せない

船体の矩形((0.10, 0.50) を起点に幅 0.60・高さ 0.35)は 193,536 画素、平均色相 241°・彩度 0.068。そのうち 179,057 個——92.5%——が 210°–270° に入り、平均は 238°。右手のあの空は 239° で、差は一度しかない。一つずつ測るともっと厳しい:船腹の矩形の `330°–90°` の窓は nothing matched を返し、龍頭の暖色画素はわずか 3 個、あの青瓦の屋根ですら 150°–215° に残るのは 39 画素だけで、屋根全体の平均はすでに 236° / 彩度 0.063 になっている。そして全画面の無彩は 2.02% しかない:霧は一画素も灰へ寄せていない。これらの素材をまとめて空へ嫁がせたのだ。

近道に 17,024 個、遠回りに 2,278 個

帆の色相は 11°、空は 239°。色相環には二本の道がある——330°、294° を経る短い弧が 132°、45°、150° を経る長い弧が 228°。短い弧の上(`270°–345°`、75° 幅)には 17,024 画素、平均 312°・彩度 0.037——全画面の暖色の窓の 16,831 個より多い。長い弧の窓(`60°–210°`)は 150° 幅、つまり二倍あるのに、収まっているのは 2,278 個だけだ。霧の風景に現れる「中間の色相」は描き足されたものではない。それはこの道そのものである:霧の絵にどの中間色が生えてくるかを予測したければ、物の色相から空の色相までの短い弧を測ればいい。色相環のもう半分は空いたままになる。

同じ帆布、二つの投与量

主帆((0.378, 0.255) 起点)の暖色の窓には 10,887 画素、色相 13°・彩度 0.062、紫桃色の縁は 5,172 個。左後方の帆を同じ手順で測ると、暖色は 740 個しか残っておらず、しかもすでに 333° まで退いていて、紫桃色の縁のほうが 7,974 個ある——同じ布地、同じ顔料で、違うのは何枚の霧を隔てているかだけ。比は 2.1 : 1 から 1 : 10.8 へ裏返る。〈星落ちの谷・澄んだ遠景〉は、遠景では物の固有色を空気へ全額譲り渡してよいと言った。死兆星はその取引を分割払いに崩し、しかも途中を写し取っている。グラデーションも同じだ:遠くの物をいきなり霧の色へ調整するのではなく、短い弧に沿って渡らせれば、必要な中間段は自分から生えてくる。

この配色を持ち帰る

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

/* 死兆星・薄い霧 · Alcor in Thin Haze — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.56 0.109 247); /* 天頂の青 #3879b1 */
  --sea-haze: oklch(0.96 0.027 213); /* 海霧の白 #def7fd */
  --hull-blue: oklch(0.65 0.068 241); /* 船腹の青 #6995b5 */
  --crossing-violet: oklch(0.53 0.037 312); /* 通り道の紫 #73667c */
  --ember-vermilion: oklch(0.63 0.06 11); /* 熾火の朱 #aa7a80 */
  --gradient-alcor: linear-gradient(180deg, oklch(0.56 0.109 247) 0%, oklch(0.67 0.103 239) 42%, oklch(0.96 0.027 213) 58%, oklch(0.65 0.068 241) 80%, oklch(0.73 0.074 229) 100%);
}

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