ナド・クライ夕絢爛雄大静謐

パハ島・夕映え

Paha Isle at Dusk Glow

色カード

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

再構成グラデーション

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

0%40438d22%684d9345%be689662%f09e9c72%fabb8f100%865a6b

なぜ調和するのか

陰は黒や灰を混ぜて作るものではない——夕焼けの色相弧を紫の側へ一歩下がればいい。五つの色帯は明度が色相にきっちり従って上がる:紫 286°/L 0.43、桃 331°/0.51、赤 359°/0.60、橙 25°/0.69、黄 60°/0.77。「何度戻れば何段暗いか」という物差しは空が自分で引いてあり、画面中央の機械の陰はその物差しの上から色を採っている。無彩の画素は全体の 0.72% しかない。

空は明度の物差し

空を上から下へ測ると 278°/L 0.42 → 300°/0.48 → 348°/0.63 → 21°/0.78 → 56°/0.84。色帯で集計しても同じ曲線で、五帯を合わせて画面の 98.23%(864,850 画素が 270°→90° という色相環の半分に収まる)。だからこの絵には「明るい紫」も「暗い金」も存在しない——色相はもはや素性ではなく座標である。〈フォンテーヌ廷・午後〉が語ったのも同じことだが、あちらの移動は青の一族の内側の 35°(220° → 255°)で、深色のグラデーションを救うためのものだった。ここでは弧そのものが明度軸として使われ、主役の陰さえ弧の上で色を採っている。

機械の陰は空から色を採る

画面中央の傘形の機械は、殻の天面が実測 342°/L 0.50/彩度 0.087。逆光側の右肩へ回ると色相は 314° まで戻り、明度は 0.39 まで落ちるのに、彩度はほとんど動かない(0.083)。空は同じ区間で 337°/L 0.60 から 277°/0.42 へ——向きがまったく同じである。画面中央を占める大きな暗塊が、灰を一滴も借りていない。機械自身が放つ腹下の光でさえ弧の上に立つ:353°、彩度 0.130、全画面の彩度のピーク 0.194 もそこに落ちる——彩度を押し上げただけで、新しい色相を起こしてはいない。物体に陰をつけるなら、まず環境が明から暗へ何度回るかを測り、その同じ弧を物体には少し速く下がらせること。

弧を外れて見える二つも弧の中

右上の浮島は真っ青に見えるが、塊として実測 282°、L 0.40、彩度 0.111。青帯 210°–270° に本当に入る画素は 463 個しかない。最も鮮やかな 3% は 272°、彩度 0.160 で、全画面の 99 パーセンタイル 0.156 を越えている——画面でいちばん飽和した一角が、それでも弧の紫端に立っている。右下の草地も 90°–165° の緑の窓では 1,484 画素(101°、彩度 0.064)しか見つからない。本当に弧を外れるのは 1.05%(9,273 画素、平均 184°、彩度 0.049)だけで、しかもどれ一つ「もの」の形をしていない。同じ島の地下の一篇は 94.23% を 210°–315° に押し込め、こちらは色相環のちょうど半分に広げている——弧の幅はまるで違うのに、外れる割合はどちらも小さい。あるものをその環境に属させたいなら、同じ色である必要はない。同じ弧の上に乗っていれば、いちばん目を引く一角でさえ身内である。

この配色を持ち帰る

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

/* パハ島・夕映え · Paha Isle at Dusk Glow — Teyvat Palette */
:root {
  --dusk-zenith: oklch(0.42 0.12 278); /* 宵の頂の紫 #40438d */
  --afterglow-rose: oklch(0.63 0.122 348); /* 霞の桃 #be6896 */
  --horizon-gold: oklch(0.84 0.094 56); /* 落陽の金 #fabb8f */
  --hull-shade: oklch(0.5 0.087 342); /* 殻の翳り #854e71 */
  --lee-shoulder: oklch(0.39 0.083 314); /* 背陰の肩 #553664 */
  --belly-glow: oklch(0.59 0.13 353); /* 腹の光 #b65984 */
  --drift-crystal: oklch(0.43 0.16 272); /* 浮島の晶 #3442a6 */
  --gradient-paha-isle: linear-gradient(180deg, oklch(0.42 0.12 278) 0%, oklch(0.48 0.113 300) 22%, oklch(0.63 0.122 348) 45%, oklch(0.78 0.098 21) 62%, oklch(0.84 0.094 56) 72%, oklch(0.52 0.062 355) 100%);
}

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