稲妻昼澄明伸びやか山靄

鳴神島・晴嵐

Narukami Island in Clear Haze

色カード

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

再構成グラデーション

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

0%377db414%9591c532%e7f9fe56%4a708f78%50c2a4100%57a69a

なぜ調和するのか

「暖かさ」は色相環上の順位である必要はなく、彩度の差だけでも成り立つ。画面には 330°–45° に基準を満たす画素が一つもない。エルトン海溝で金と読まれた三つのものは、まだしも暖端に最も近い 145° の席を占めていたが、ここで砂岩と読まれる岩壁は 244°——頭上の空(245°)と同じ色相、明度の差はわずか 0.04 で、両者を分けているのは彩度だけ、0.065 対 0.110 である。十分に純度の高い寒色の場では「暖端に最も近い」席すら要らない。一つの面から彩度を四割削ぐだけで、目のほうが勝手にそれを暖色として読んでくれる。

砂岩は 244° の青である

岩肌を三か所、桜冠を避けるため青帯の画素だけで取ると、L 0.53 / 彩度 0.065 / 244°、L 0.53 / 0.055 / 240°、そして日光が左上から左峰を越えたあと最も光を受ける中景の面ですら L 0.61 / 0.046 / 234°。頭上の空は L 0.57 / 0.110 / 245° である。同じ色相、明度差は 0.04、彩度は空の六割——この二峰だけを切り出せばスレートの青、画面に戻せば陽に灼けた砂岩になる。ノストイ地区の一篇も霧の中で同じ錯覚を記録しているが(赤瓦に見えた一画が実測 L 0.78 / 0.086 / 237°)、あちらを分けていたのは明度だった。ここでは明度がほとんど動かず、分かれ目はすべて彩度にある。暖色の岩を描きたいなら暖色を含ませる必要はない。まず場から彩度を四割引くこと。

本物の暖色は見えていない

全画面に 330°–45° の暖色探索をかけても、灰の閾値に達する画素は一つもない。15°–90° を全部数えても 270 個、そのうち 115 個が左下の台地に建つ小屋一軒に集まっていて、平均は L 0.71 / 彩度 0.035 / 80°——この絵で本当に暖色を使った唯一の場所は、手のひらほどの家なのだ。サラシア海原の一篇でも暖色は百数十画素(106 個)しかなかったが、あちらは画面で唯一「見える」明点だった。違いは強さである:あちらは彩度 0.084 / 色相 44°、こちらは 0.035 / 80°、足元の草に食われるほど弱い。こうして「暖かさ」は暖色から完全に切り離される。本物の暖色も鮮やかでなければ存在しないに等しく、暖色を含まない暖かさは、面積が十分に大きく彩度が十分に低ければ、かえって成立する。

まず空を一番鮮やかな面にする

この手が効く前提は、場が純粋であると同時に鮮やかであることだ。青帯 78.44% に青緑帯 11.75%、九割の画素が 165°–270° というわずか 105° の中に詰まっている。そして最も彩度の高い 4000 画素のうち 3511 個が 240°–270°、位置は (0.42, 0.13)——画面で最も鮮やかなものは空であって、どの主体でもない。目は画面で最も強い色を基準に取り、その基準より彩度の低い面をすべて反対側へ押しやる。岩壁が「暖かく」なるのはそのためだ。寒色の場がどれだけ厚いかが、候補を暖端からどこまで遠ざけられるかを決める:エルトン海溝の青い地は 54.58%(数値は同篇からの引用)、それだけあれば 145° の黄緑を金に祭り上げるには足りたが、あの三つはなお暖端に最も近い席に座っていた。ここでは寒色の場が九十数パーセントまで厚く、244° という空と同族の色相ですら向こう側へ押し出せる。真似するなら、まず自分の地色が画面で最も彩度の高い面かを確かめること。地色が鮮やかでなければ、彩度を削っても灰にしかならない。

この配色を持ち帰る

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

/* 鳴神島・晴嵐 · Narukami Island in Clear Haze — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.57 0.11 245); /* 天頂の青 #377db4 */
  --sandstone-blue: oklch(0.53 0.065 244); /* 砂岩の青 #4a708f */
  --cumulus-white: oklch(0.97 0.02 219); /* 積雲の白 #e7f9fe */
  --young-grass: oklch(0.67 0.08 183); /* 若草の緑 #57a69a */
  --pine-teal: oklch(0.74 0.113 173); /* 松の青 #50c2a4 */
  --sakura-violet: oklch(0.68 0.076 288); /* 桜の紫 #9591c5 */
  --gradient-narukami-island: linear-gradient(180deg, oklch(0.57 0.11 245) 0%, oklch(0.68 0.076 288) 14%, oklch(0.97 0.02 219) 32%, oklch(0.53 0.065 244) 56%, oklch(0.74 0.113 173) 78%, oklch(0.67 0.08 183) 100%);
}

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