璃月幽邃潤い蒼緑

命の谷の根源・隙間の翠

Roots of the Valley of Life in Filtered Green

色カード

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

再構成グラデーション

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

0%b8c58e30%748f6a62%164940100%59a143

なぜ調和するのか

光が明度と色相の二本のチャンネルを同時に占め切ってしまうと、彩度だけが「これは何なのか」を報告できる唯一のチャンネルとして残る——そしてそれは材質が自分で出すしかない。ここでは光から遠ざかるほど色相は青碧へ寄り、明度は下がる(137° / 154° / 161° / 179° / 183° に対して L 0.62 / 0.40 / 0.43 / 0.37 / 0.36)。ところがこの五箇所の彩度は 0.063 / 0.064 / 0.065 / 0.056 / 0.051、レンジはわずか 0.014。唯一列を外れるのは、光の落ちたあの草の丘だ——光柱の根元とほぼ同じ深さにいながら(138° 対 137°、L 0.59 対 0.62)、彩度 0.103 はその 1.6 倍である。

この光そのものが緑である

天井から漏れてくるあの一条の光は暖かい白に見えるが、実測すれば緑だ:最も明るい 4000 画素のうち 878 個の重心が (0.63, 0.30)、800 個が (0.57, 0.32)、いずれも光柱の上にあり、L 0.80 / 0.82、C 0.075 / 0.081、色相 119° / 115°。柱の根元((0.55, 0.02) から)は 137°。全画で `200°–100°` というこの 260° 幅の窓には 12,000 画素(1.36%)しかなく、そのうち 10,075 個は左下隅のあの茸の群れである(12°)。光は画面に入る前に頭上の枝葉で一度染められている。だから洞の中には、太陽の色を報告できるものが一つも無い。

光からの距離は、色相と明度が一緒に言う

光から奥へ歩く:柱の根元((0.55, 0.02) から)137° / L 0.62、光を受けた草丘((0.30, 0.80) から)138° / 0.59、左の近景((0.15, 0.55) から)154° / 0.40、中景の巨根((0.35, 0.50) から)161° / 0.43、右奥((0.62, 0.55) から)179° / 0.37、左のいちばん深いところ((0.08, 0.15) から)183° / 0.36。緑帯 54.15%(148°)と青碧帯 44.25%(181°)が画面の 98.40% を折半しているが、この二本は二種類の材質ではない。同じ材質群の、光からの二つの距離である。〈層岩巨淵・地下鉱区——遥かな光〉はちょうど逆だ:あの絵の色相は全行程 210°–217° に釘付けで、奥行きは明度と彩度が一本のスライダーに縛られて歩き切る。

彩度は、材質のために残された一本

右の六箇所の彩度は 0.063 / 0.103 / 0.064 / 0.065 / 0.056 / 0.051——草丘を除けばレンジは 0.014 しかなく、それらが跨いだ 46° の色相、0.26 の明度とはまるで釣り合わない。草丘はこの一本だけで列を抜ける:全画面で最も濃い 4000 画素のうち 3,999 個が 120°–150° に落ち、重心は (0.54, 0.84)、平均 0.148、全画面のピーク 0.200 もそこにある。しかもその明度 0.59 は、光柱の根元の 0.62 より低い。〈パハ島・洞の灯〉はこの裏面である——あの絵は明度が丸ごと「光からどれだけ遠いか」に占められ、奥行きを彩度へ掛け替えるしかなかった。二枚を合わせれば一条になる:「光からの距離」と「これは何か」は別々のチャンネルを占めねばならず、先にどちらかが取ったら、もう一方は残りを使うしかない。光に支配された場面で何かを見分けさせたいなら、明暗や色相をいじるのではなく、隣より半分高い彩度を与えること。

この配色を持ち帰る

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

/* 命の谷の根源・隙間の翠 · Roots of the Valley of Life in Filtered Green — Teyvat Palette */
:root {
  --shaft-green: oklch(0.8 0.075 119); /* 漏れ光の緑 #b8c58e */
  --lit-turf: oklch(0.64 0.148 139); /* 草丘の翠 #59a143 */
  --root-cyan: oklch(0.43 0.065 161); /* 藤根の青碧 #2b5b44 */
  --abyss-cyan: oklch(0.36 0.051 183); /* 淵底の青 #184640 */
  --cap-red: oklch(0.44 0.058 23); /* 菌傘の紅 #6f4643 */
  --gradient-roots-of-the-valley-of-life: linear-gradient(180deg, oklch(0.8 0.075 119) 0%, oklch(0.62 0.063 137) 30%, oklch(0.37 0.056 179) 62%, oklch(0.64 0.148 139) 100%);
}

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