稲妻幽邃冷艶奇観

武器庫・足元の光

The Arsenal, Lit from Below

色カード

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

再構成グラデーション

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

0%212d4734%292caa54%2b4da870%0a2f6b88%0981d7100%17e4f5

なぜ調和するのか

青紫の濃さは明度で買うものであり、この一枚は底値まで払った。画面全体の明度中央値を 0.34 まで押し下げて、210°–270° のもっとも濃い 3% がようやく彩度 0.211 を手にする——〈神無塚・霞の昼〉が L 0.63 で得た 0.122 の一・五倍を超える。ところが同じ洞のなかで、谷底の青緑 1,121 画素は L 0.84 のまま 0.141 を持っている。同じ光、同じ地面。緑青が明度 0.84 で手にするものを、青紫は 0.42 まで沈まなければ手にできない。代金は絵ごとではなく、色相ごとに請求される。

いちばん明るいものが画面の最下縁にある

もっとも明るい 4000 画素のうち 2,934 個が下縁の三区画に落ちる(L 0.81–0.83・彩度 0.140–0.144・色相 212°–216°)——谷底に敷かれた、光る花弁の帯である。頭上の岩肌は実測 L 0.30・彩度 0.050・色相 264°。〈オチカナトラン・圧雲〉が同じ明暗の逆転を測っている——雨雲 L 0.42 が霧の海 L 0.69 を押さえ、差は 0.27 で、読みは不吉だった。ここでの差は 0.52、その二倍近くありながら、読めるのは奇観のほうだ。違いは逆転の幅ではなく、明るいほうが自分で光っているかどうかにある。照らされた地面は明るいほど天が落ちてくるようで、自ら光る地面は明るいほど宝のようになる。

安い色相は明るい側に、高い色相は暗い側に住む

全画面の 165°–210° はわずか 1,121 画素、平均 L 0.84・彩度 0.141、ピーク 0.155。いっぽう 210°–270° のもっとも濃い 22,271 画素は L 0.42 まで沈んでようやく 0.211、270°–315° の菌は L 0.48 で 0.224。同じ洞で、同じ発光体に照らされている三つの帯が、三つの異なる為替レートを持つ。暗い場に「明るくて、しかも色のある」ものを描きたいなら、それを青緑の側へ寄せること。青紫を明るい側へ持っていけば、褪せて桃色になるだけだ。

光源が多すぎて暗がりが無くなると、比という物差しは動かない

洞天井の岩肌は褐色に見えるが、`330°–90°` という 120° 幅の窓は全画面で nothing matched を返す——暖色画素は一つもなく、その「褐色」の実測は L 0.30・彩度 0.050 の 264° である。〈煙硌山峰・洞光〉が残した物差しは比だった——あの洞では浮葉の 0.178 が中央値 0.034 の 5.2 倍でようやく発光と認められる。ここでは最も濃い青の 0.211 が中央値 0.089 の 2.4 倍、あの篇が「まだ発光ではない」とした 2.5 倍より低いのに、画面のどこも光でないところがない。理由は床にある。あの洞の床は灰色の岩、この洞は無彩が 0.27% にも満たず、床そのものが発光体に敷かれている。暗い場に光源が複数あるときは、比で発光を判定するのをやめ、誰が自分の色相の天井に届いているかを問うこと。

この配色を持ち帰る

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

/* 武器庫・足元の光 · The Arsenal, Lit from Below — Teyvat Palette */
:root {
  --spore-violet: oklch(0.39 0.194 272); /* 菌の紫 #292caa */
  --vault-mauve: oklch(0.3 0.05 264); /* 岩天井の紫 #212d47 */
  --blue-cap: oklch(0.45 0.151 265); /* 青の菌 #2b4da8 */
  --dark-grass: oklch(0.32 0.113 260); /* 暗草の青 #0a2f6b */
  --stream-blue: oklch(0.59 0.16 249); /* 渓の青 #0981d7 */
  --underglow-cyan: oklch(0.84 0.141 204); /* 足元の青 #17e4f5 */
  --gradient-the-arsenal: linear-gradient(180deg, oklch(0.3 0.05 264) 0%, oklch(0.39 0.194 272) 34%, oklch(0.45 0.151 265) 54%, oklch(0.32 0.113 260) 70%, oklch(0.59 0.16 249) 88%, oklch(0.84 0.141 204) 100%);
}

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