稲妻幽邃秘めやか花の気配

影向山の深部・幽けき桜

Depths of Mt. Yougou, Blossoms in the Gloom

色カード

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

再構成グラデーション

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

0%642a7316%43286036%9dbc4f56%36443478%232e42100%2a261e

なぜ調和するのか

同じ現象が暗い地の上では符号を逆にする。この樹冠の光を受けた半分は L 0.40・彩度 0.131 で、陰の半分の L 0.34・彩度 0.096 より明るくかつ濃い。ところが〈御温泉・照る昼〉の桜は光を受けると 0.109 から 0.102 へ、濃さがむしろ落ちる。画面中央で環をなす苔の木も同じ符号を返す——光を受けた苔は L 0.75・彩度 0.141、環の内側の陰の苔は L 0.37・彩度 0.034。つまり「光を受ける」こと自体に向きはない。明るい場では漂白剤、暗い場では唯一の染料なのだ。

暗い地では、光は彩度を足す

左上の樹冠は 43,002 画素。270°–315° に 24,448 個、L 0.34・彩度 0.096・色相 304°。315°–345° に 18,554 個、L 0.40・彩度 0.131・319°。受光側は 0.06 明るくなっただけで 0.035 濃くなり、しかもそれが画面の彩度天井 0.189 そのものである——最も彩度の高い 4000 画素のうち 3019 個が位置 (0.09, 0.09) のここに落ちる。〈天領奉行府・紺の昼〉と〈御温泉・照る昼〉の同じ一対はどちらも低下している(0.117 から 0.100、0.109 から 0.102)。三枚は同じ花、同じ一対の色相位置を共有し、違うのは地の明度中央値だけ:0.32 対 0.43 と 0.47。

環をなす苔の木が同じことを言う

画面中央で自らを環に巻いた古木の枝背には厚く苔が乗っている。90°–165° の最も濃い 3% を取ると 505 画素、L 0.75・彩度 0.141・色相 123°。環の内側、陰になった苔は実測 L 0.37・彩度 0.034・142°——同じ木、同じ苔で、光を受けた面は四倍濃い。それは同時に画面でいちばん明るいものでもあり、最も明るい 4000 画素のうち 1563 個が (0.50, 0.29) の枝、L 0.73 に落ちている。まるで無関係な二つの材質が一枚の絵で同じ符号を返すなら、それは花の性質ではなく地の性質である。

照らされない場所は色相さえ保てない

右下の、土褐色に見える小径は実測 L 0.27・彩度 0.016・色相 84°——無彩の閾値 0.025 を下回る。背後の岩壁は L 0.29・彩度 0.035・267°、画面の 38.37% を占める青帯の平均も彩度 0.040 しかない。右側の霧に埋もれた樹冠はもっと露骨だ:陰の半分は 283° まで流され、左の樹冠の 304° から 21° 離れているのに、受光側はなお 325° のまま——光が届いた一握りは自分の色相を守り、届かなかった一握りは環境に接収された。暗い場で彩度は均等に配られる資源ではなく、照らされた面にだけ支給される。暗い絵の中の何かに色を持たせたいなら、光を一筋当てること。より濃い絵の具を与えることではない。

この配色を持ち帰る

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

/* 影向山の深部・幽けき桜 · Depths of Mt. Yougou, Blossoms in the Gloom — Teyvat Palette */
:root {
  --lit-blossom: oklch(0.4 0.131 319); /* 透ける桜桃 #642a73 */
  --shaded-blossom: oklch(0.34 0.096 304); /* 闇の桜紫 #432860 */
  --lit-moss: oklch(0.75 0.141 123); /* 明るい苔 #9dbc4f */
  --shaded-moss: oklch(0.37 0.034 142); /* 陰の苔 #364434 */
  --hollow-blue: oklch(0.3 0.04 263); /* 林間の青 #232e42 */
  --unlit-earth: oklch(0.27 0.016 84); /* 光なき土 #2a261e */
  --gradient-depths-of-mt-yougou: linear-gradient(180deg, oklch(0.4 0.131 319) 0%, oklch(0.34 0.096 304) 16%, oklch(0.75 0.141 123) 36%, oklch(0.37 0.034 142) 56%, oklch(0.3 0.04 263) 78%, oklch(0.27 0.016 84) 100%);
}

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