スメール昼幽翠湿潤息をひそめて

雨の果て・翠の陰

The Rain's End in Green Shade

色カード

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

再構成グラデーション

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

0%08262b22%446a7640%196f6858%619d6172%8d977f86%4ab3d7100%2a7839

なぜ調和するのか

主光源を画枠の外へ丸ごと切り出しても、彩度の天井は一銭も損なわれない。損なわれるのは明度の上端だ:雨の果てはこの四枚のうち唯一、主光源が見えない一枚で、最も明るい 4000 画素はすべて地面の日だまりに落ち(L 0.83–0.84)、L p99 は 0.72 しかない。それでいて天井は 0.156 で、天窓を画枠に残した〈ジンニー牢獄・穹の照り〉の 0.161、火盤を残した〈秤罪主殿・焔明かり〉の 0.164 と同じ段、極差はわずか 0.008。天井が見ているのは照らされた面であって、光ではない。目を刺す白を出したくない、しかし光があるように見せたい——ならば光源を画枠の外に出し、受光した地面だけを残せばよい。彩度は割り引かれず、譲るのは明度軸の頂だけである。

天井は草の上に生えている。光の上ではない

空き地の光を受けた草は実測 L 0.64 / 彩度 0.108 / 色相 144°、その Cmax 0.156 が全画面の天井そのものだ。最も濃い 4000 画素のうち 3596 個が 120°–150° に落ち、平均 L 0.74 / 彩度 0.128、重心は (0.42, 0.61)——まさにその日だまりである。画面に発光するものがないわけではない:左下の蛍草は最も明るい 4000 のうち 531 個(L 0.89 / 彩度 0.046)、枯枝の光の珠は最も濃い 3% が L 0.72 / 0.108。だがこの空き地を照らしている光は一度も姿を見せない。暗い場の彩度上限を決めるとき測るべきは「光がどの面に落ちているか」であって、「光がどれだけ明るいか」ではない。

74.62% は青碧と青、それでも緑の林に読める

統計では 165°–270° が 74.62% を占め(青碧 47.51% + 青 27.11%)、緑はわずか 16.90%。同じ植生を受光量ごとに六箇所とる:L 0.64 / 彩度 0.108、0.51 / 0.080、0.49 / 0.078、0.32 / 0.053、0.25 / 0.048、0.25 / 0.036——彩度は三分の一まで落ち、明度と一緒に下がる。遮っているのは空気ではなく、光の当たらない材質そのものだ。つまり「緑」はこの林の色ではなく、光を受けた六分の一の名前である。暗い植生を緑に読ませたいなら、全体の彩度を上げる必要はない。六分の一を照らせば、残る六分の五は 0.036 まで暗くしてよい。

暖色画素が一つもない「土の道」

空き地を横切る、黄土に読めるあの小径を三箇所で測ると L 0.64 / 彩度 0.030 / 128°、0.66 / 0.036 / 126°、0.67 / 0.040 / 110°——緑であり、彩度は隣の受光した草の三分の一にも届かない。そして全画面の 330°–90° はおよそ 970 画素(0.11%)しかなく、最も濃い 3% の 29 個ですら彩度 0.068 どまりだ。外は晴れていると誰もが確信する絵が、暖色画素を一つも差し出せない:太陽は画面にいないので、「太陽がある」という事実はあの日だまりと、隣より 0.13 明るいこの淡い帯だけで演じきられている。〈エルトン海溝・翳る昼〉は 54.58% の青地の上で 145° の黄緑を金に仕立てたが、あれは色相の順位だった。ここでは順位さえ争う必要がない——光源を画枠の外へ出した瞬間、「暖かい」と「明るい」は同じ一面が兼任する。

この配色を持ち帰る

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

/* 雨の果て・翠の陰 · The Rain's End in Green Shade — Teyvat Palette */
:root {
  --canopy-shadow: oklch(0.25 0.036 211); /* 樹冠の影青 #08262b */
  --gap-mist: oklch(0.5 0.047 220); /* 隙間の霧青 #446a76 */
  --misted-shrub: oklch(0.49 0.078 187); /* 霧中の灌木 #196f68 */
  --sunpatch-green: oklch(0.64 0.108 144); /* 日だまりの緑 #619d61 */
  --path-pale: oklch(0.66 0.036 126); /* 小径の淡 #8d977f */
  --seelie-blue: oklch(0.72 0.108 224); /* 蘭灯の青 #4ab3d7 */
  --glowbulb-teal: oklch(0.51 0.124 147); /* 蛍草の青碧 #2a7839 */
  --gradient-the-rains-end: linear-gradient(180deg, oklch(0.25 0.036 211) 0%, oklch(0.5 0.047 220) 22%, oklch(0.49 0.078 187) 40%, oklch(0.64 0.108 144) 58%, oklch(0.66 0.036 126) 72%, oklch(0.72 0.108 224) 86%, oklch(0.51 0.124 147) 100%);
}

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