Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
エリニュス山林地区・暮れの青
フォンテーヌ夕幽寂暮れの冷え独り灯る

エリニュス山林地区・暮れの青

Erinnyes Forest at Blue Dusk

色カード

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

再構成グラデーション

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

0%3a688a20%28556e42%b3bf8256%91c48b76%4e8750100%1b5134

なぜ調和するのか

空は極値をひとつも取らなくていい——この空の実測は L 0.50、彩度 0.075。全画の明度中央値 0.47 より 0.03 明るく、彩度中央値 0.064 より 0.011 高いだけで、どちらの端にも届いていない。だから最も明るい 4000 画素のうち 2679 個は谷心の枝垂れ柳の上にあり、最も鮮やかな 3978 個は中景の林にある。空が場所を空ければ、画面のどれかひとつが明度の天井に立ち、それが光になる——そして光になった瞬間、それが何度の色相かはもう議論に値しない。「金の柳」と読まれるその木は、実測 117° である。

01

空は何も取っていない

上縁中央の空(x 0.30〜0.70、y 0.02〜0.14)は実測 L 0.50 / 彩度 0.075 / 242°、左上の帯は L 0.48 / 0.073 / 236°。全画の明度中央値は 0.47、彩度中央値 0.064、彩度 p99 は 0.091。最も明るい 4000 画素は四つのセルに分かれ——重心 (0.63, 0.37)、(0.58, 0.51)、(0.59, 0.37)、(0.63, 0.41)、合計 2679 個——すべてあの枝垂れ柳の上にある。最も鮮やかな 4000 画素のうち 3978 個は 120°〜180° に落ち、重心は (0.38, 0.67) と (0.41, 0.66)、中景左の林と草の斜面だ。〈万種母樹・旱晴〉はその正面からの反例である:あちらの晴天は光源であると同時に全画で最も鮮やかな面でもあり、最も鮮やかな 4000 画素は 4000/4000 が空のものだった。同じものを同じ位置に掛けても、この二つの極値を取るか取らないかで、画面の光は持ち主を変える。

02

柳は彩度で明度を買う

柳の冠を囲む矩形の中で最も鮮やかな 3%(580 画素)は L 0.78 / 彩度 0.082 / 117°。中景の林の緑は L 0.57 / 彩度 0.103 / 145°。柳は林より 0.21 明るく、しかし 0.021 淡い——支払っているのは明度だけであり、この絵はちょうど明度の残高に手をつけずに置いていた。全画の L p99 は 0.69 しかなく、柳冠のその 580 画素の平均はその線をさらに 0.09 越えている。何かを光にしたいなら、まず彩度を足そうとせず、自分の絵に明度がどれだけ残っているかを見ること。

03

金は 117°、暖色は 88 画素

全画に 330°〜90° の暖色検索をかけると、一致するのは 88 画素・全体の 0.010%、平均彩度 0.052。45°〜90° の本当の黄は 14 画素しか残らず、彩度 0.030、無彩の線をかろうじて越えるだけだ。右上の、夕焼けに見えるあの雲は実測 L 0.59 / 彩度 0.052 / 238°、同じ矩形で 330°〜90° を検索すると nothing matched が返る。〈エルトン海溝・幽昼〉は同じ錯覚を測っているが、あちらで金と読まれた三つのものは全画で最も鮮やかだった(彩度 0.194 と 0.161)——効いていたのは画面内での色相の順位だ。ここの柳は彩度 0.082、隣の林の 0.103 にすら届かない。「金」の焦点を作るのに、色相環も彩度も一目盛り動かす必要はない。明度の天井を空けて渡せばそれで足りる。

この配色を持ち帰る

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

/* エリニュス山林地区・暮れの青 · Erinnyes Forest at Blue Dusk — Teyvat Palette */
:root {
  --dusk-overcast: oklch(0.5 0.075 242); /* 暮雲の青 #3a688a */
  --willow-gold: oklch(0.78 0.082 117); /* 柳冠の金 #b3bf82 */
  --basin-mist: oklch(0.77 0.096 142); /* 谷霧の青 #91c48b */
  --near-woods: oklch(0.57 0.103 145); /* 林の緑 #4e8750 */
  --ridge-blue: oklch(0.43 0.064 234); /* 稜線の青 #28556e */
  --slope-shadow: oklch(0.39 0.075 157); /* 斜面の翳り #1b5134 */
  --gradient-erinnyes-forest: linear-gradient(180deg, oklch(0.5 0.075 242) 0%, oklch(0.43 0.064 234) 20%, oklch(0.78 0.082 117) 42%, oklch(0.77 0.096 142) 56%, oklch(0.57 0.103 145) 76%, oklch(0.39 0.075 157) 100%);
}

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