ナド・クライ深奥沈黙秘めやか

虚海望・幽き藍

Voidsea Outlook in Cavern Blue

色カード

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

再構成グラデーション

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

0%0f193328%17233f58%1b314c86%686e84100%d6c7bb

なぜ調和するのか

十分に強い単色の場のなかでは、補色の側に彩度を一銭も払う必要がない。この洞窟は画素の 89.65% が 210°–270°、平均 254° に落ちる。そして右上の、金色として読まれるあの洞口は、画面で最も明るい 4000 画素のうちの 3457 個であり、彩度はわずか 0.024——無彩の閾値 0.025 を下回り、画面全体の彩度の中央値 0.053 の半分にも届かない。254° の向かい側は 74°、その 3457 画素のベクトル平均は 62° に落ちる。金は塗られたのではなく、場が誘い出したものである。

金は全部で 441 画素しかない

洞口から差し込む光、その奥に浮かぶ金の環、左壁の苔の蔓に連なる金の実——すべて足しても、45°–90° の黄帯は全画面で 441 画素、0.05% にすぎず、平均は L 0.84、彩度 0.035、ピーク 0.059。いっぽう藍の場そのものは彩度の中央値が 0.053、ピークが 0.128 で、左壁の垂れ苔にいたっては画面最高の 0.138 まで届く。つまりこの絵の「金」は、平均すればそこらの藍の一画素より淡い。315°–45°、赤から橙、桃までのひと続きにいたっては 15 画素しかない。

洞口自身の縄張りでも藍のほうが多い

洞口を岩の枠ごと囲って測ると(0.66,0.15,0.20,0.28)、この 51,712 画素の塊の総体は 273°、彩度 0.035。うち青帯 210°–270° に入るのが 13,867 画素で彩度 0.054、黄帯に入るのは 434 画素で彩度 0.035。この一角で最も鮮やかな 3% を採れば 268°、彩度 0.066——洞口自身の縄張りにおいてすら、いちばん飽和しているのはそれを囲む岩のほうである。目が報告する「金の扉」は、データの上では藍に囲まれた中性の明るい染みでしかない。

洞口は明度だけを渡し、色は場に補わせる

〈煙硌山峰・洞の光〉の洞口は L 0.79、彩度 0.034 で、ちょうどあの絵の彩度の中央値に等しく、色は室内で自ら光る浮葉が引き受けていた(0.178)。こちらの洞口は L 0.84、彩度 0.024、この絵の中央値 0.053 の 0.45 倍しかなく、しかも室内には色を引き受けるものが何ひとつ立っていない——いちばん明るい金でさえ 0.059 止まりである。二つの洞窟の開口はどちらも明るさだけを担うが、こちらは「色は誰が育てるのか」に答える必要すらない。254° に浸かった目はその色相をどこからも差し引くようになり、残された中性はひとりでに 74° の側へ振れるからだ。深い藍のインターフェースに暖かい強調を置きたいなら、橙を調合してはいけない。その面を明るくし、彩度を 0.03 未満まで抑えれば、それだけで暖かく見える。しかも色相をまったく持たないので、主色と喧嘩することが永遠にない。

この配色を持ち帰る

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

/* 虚海望・幽き藍 · Voidsea Outlook in Cavern Blue — Teyvat Palette */
:root {
  --cavern-blue: oklch(0.31 0.057 254); /* 洞の藍 #1b314c */
  --vault-stone: oklch(0.26 0.056 266); /* 天井岩 #17233f */
  --far-wall: oklch(0.22 0.053 267); /* 奥壁 #0f1933 */
  --moss-shoal: oklch(0.42 0.032 186); /* 苔の浅瀬 #395350 */
  --window-white: oklch(0.84 0.024 62); /* 洞口の白 #d6c7bb */
  --vine-gold: oklch(0.84 0.035 82); /* 蔓の金 #d6c9b1 */
  --hanging-moss: oklch(0.8 0.124 116); /* 垂れ苔の青 #bac866 */
  --gradient-lunar-treasury-voidsea-outlook-location-context: linear-gradient(45deg, oklch(0.22 0.053 267) 0%, oklch(0.26 0.056 266) 28%, oklch(0.31 0.057 254) 58%, oklch(0.54 0.035 273) 86%, oklch(0.84 0.024 62) 100%);
}

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