スメールまどろみ幽邃蛍の青

夢の林・幽かな蕊

Grove of Dreams, Glimmering Buds

色カード

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

再構成グラデーション

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

0%123c6632%bcb0ef66%45537e100%1984f6

なぜ調和するのか

灰は光源の数を数えて出るものではなく、二つの光の色相差を測って出るものだ。夢の林には光が二つある——右下隅で自ら光る晶簇の 255°、樹洞の向こうから射してくる背光の霞の 291°–293°。だが両者は 38° しか離れていない。色輪の同じ側にある二つの光は、重ねればいっそう鮮やかになるだけで、互いを打ち消せない。結果、無彩は 0.06%——光が一つしかない〈霊石・孤つの光〉の 0.00% と同じ段に並ぶ。画面に本物の中性面を残したいなら、光がいくつあるかを数える前に、その色相差を測ること。

二つの光が、同じ側にある

〈冒険者協会(モンド)・宵の灯〉のあの C 0.022 の床は、方向の逆な二つの色温度が同じ一面の上で打ち消し合って生まれたものだった。〈霊石・孤つの光〉は、光が一つしかなければ灰はそもそも作れないことを示した。夢の林はこの二条を同時に試す——光は確かに二つある。最も明るい 4000 画素のうち 2,335 個が樹洞の向こうの霞に落ち(重心 (0.62, 0.46) と (0.49, 0.44)、L 0.79 / C 0.081–0.089 / 291°–293°)、別の 1,409 個が晶簇の白い先端に落ちる(重心 (0.85, 0.67)、L 0.90 / C 0.044)。そして晶体そのものは実測 255°。二つの光は 38° しか離れておらず、どちらも色輪の青紫側にいる。重ねればより青く、より濃くなるだけだ。数は判定基準にならない。

145° の空白窓

光が二つとも片側にあれば、画面は反対側を埋められない:`310°–95°` というこの 145° 幅の窓は、全画面で一画素も存在しない。窓を 95°–150° まで狭めると全画で 131 画素しか残らず、その 131 個はすべて幹の上のあの三つの灯に落ちている((0.50, 0.38) からの矩形に一つ残らず入る)。L 0.71 / C 0.058——全画面の彩度中央値 0.083 を下回る。誰もが金と読むそれは、実測すれば画面平均より淡い黄緑の一段だ。これに 150°–170° の 3,684 画素(0.42%)の苔草を足せば、「ほかの色」はそれで全部である。残る 94.71% は 210°–315° の 105° に詰まっている。

色相が買えなければ、彩度を買うしかない

だから焦点は色輪の空席には頼れない:右下のあの晶簇は実測 255°、80.13% を占める青の下地 253° とは 2° しか違わない。抜け出す手段は彩度だけだ——あの一帯((0.72, 0.68) から)は平均 0.193、ピーク 0.268、対して全画面の中央値は 0.083、2.3 倍である。全画面の p99 0.223 から p50 0.083 を引いた 0.140 の枠は、ほぼ丸ごとこの一叢に注ぎ込まれている。逆に言えば——色板が一つの色相家族に収まり、しかも中性色を出せないときは、色輪の上に席を探すのをやめること。そこにもう席は無い。枠は一つの要素の彩度に一括で賭ける。

この配色を持ち帰る

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

/* 夢の林・幽かな蕊 · Grove of Dreams, Glimmering Buds — Teyvat Palette */
:root {
  --under-blue: oklch(0.44 0.091 253); /* 底の幽青 #2b5483 */
  --crystal-flare: oklch(0.62 0.193 255); /* 晶の焔青 #1984f6 */
  --haze-violet: oklch(0.79 0.089 293); /* 霞の菫 #bcb0ef */
  --moss-shelf: oklch(0.53 0.091 164); /* 苔台の青碧 #2e7c5d */
  --seed-light: oklch(0.71 0.058 129); /* 実の灯 #96a983 */
  --gradient-grove-of-dreams: linear-gradient(160deg, oklch(0.35 0.087 252) 0%, oklch(0.79 0.089 293) 32%, oklch(0.45 0.072 269) 66%, oklch(0.62 0.193 255) 100%);
}

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