Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
アシュヴァッタ神殿・月白
スメール夜幽邃潤い粛静

アシュヴァッタ神殿・月白

Fane of Ashvattha, Moonpale

色カード

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

再構成グラデーション

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

0%021b2922%b5ecfb50%0f3a5072%125a46100%40ab58

なぜ調和するのか

夜とは昼を暗くすることではなく、色相環の半分を消すことである:アシュヴァッタ神殿の明度中央値 0.32 は同じ四つの宮殿のなかで最も高く——洞窟のアル・ハヤー宮殿の 0.25 よりも明るい——それでいて説明なしに夜と読める唯一の一枚だ。差は色相の帳簿にある:全画面の 270°–90° に画素が一つも無く、褐色の木に見える左右二本の大樹ですら実測 220° と 223° である。残る 95.81% はすべて 90°–270° というもう半分の色相環に閉じ込められている。夜を描くなら、まずどちらの半分を出させないかを決めること。明度の話はその後だ。

01

褐色の樹は青い

左端の大樹は実測 L 0.22 / 色相 220°、右端の一本は L 0.25 / 223°、右手から画面を横切る太い枝は L 0.29 / 218°——三本とも褐色の木に見え、三本とも青のなかに落ちている。〈明冠山地・淡い昼〉と同じ口径で全画面の 270°–90°、すなわち赤・橙・黄を通る半円まるごとを探すと、返るのは「nothing matched」:無彩の閾値に届く画素が一つも無い。あちらは幅 60° の窓に 2 画素あった。こちらは幅 180° の窓に 0 画素である。木の固有色は暖かい。照明に暖の成分がまったく無いときにだけ、それを手放す。夜景でいちばん消しにくいのは空ではなく、「もともとその色だ」と思い込んでいるもの——木、煉瓦、肌である。それらにも一緒に色相を手放させること。

02

四枚のなかでいちばん明るい一枚である

四つの宮殿の明度中央値はアル・ハヤー宮殿 0.25、アル・スークル宮殿 0.30、アル・ムアザン宮殿 0.30、アシュヴァッタ神殿 0.32。明度の額度(p99 から自身の中央値を引く、算法は〈ブロー地区・澄明の昼〉と同じ)は 0.34 / 0.39 / 0.37 / 0.45 で、この一枚が両方とも一位だ。三つの洞窟より明るいのに、四枚で唯一、一目で夜と分かる。仕組みは「暗い」が相対的であるのに対し、色相の帳簿はそうでないという点にある:明度中央値 0.32 の絵は黄昏にも、曇天にも、洞窟にも、水中にもなれる。しかし 270°–90° が空である限り、それは夜にしかなれない。夜景が夜として足りているかを判断するなら、ヒストグラムの左端を見るのではなく、暖色の画素を数えること。

03

残った半分は使い切ること

半分を消すことは単色への格下げではない:残った 180° のなかで、緑 16.58%、青碧 18.87%、青 60.36% が合計 95.81% を占め、無彩は 4.19% しか残らず、一段も空いていない。そして二つの極値はこの区間の両端へ分けられている——最も明るい 4000 画素のうち 2478 画素は白い樹の梢の一区画(L 0.91 / 彩度 0.059 / 色相 217°)、最も濃い一群はその足もとの草の斜面(L 0.66 / 彩度 0.155、全画面のピーク 0.187 / 色相 148°)、両者は 69° 隔たっている。同じ一条の月光が、反射率の高い樹皮の上では明度を、葉の面の上では彩度を差し出す。そして反射はどこまでも発光の値段を払えない——この絵の彩度の額度 0.073 は、アル・スークル宮殿の自ら光る二輪の花の 0.173 の四割二分でしかない。色域を絞ったあとで、さらに節約しないこと:残った一段を敷き詰め、最も明るいものと最も濃いものをその両端へ置くこと。

この配色を持ち帰る

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

/* アシュヴァッタ神殿・月白 · Fane of Ashvattha, Moonpale — Teyvat Palette */
:root {
  --moonpale-bough: oklch(0.91 0.059 217); /* 月白の幹 #b5ecfb */
  --moss-slope: oklch(0.66 0.155 148); /* 苔坡の緑 #40ab58 */
  --glade-cyan: oklch(0.42 0.077 169); /* 林隙の青碧 #125a46 */
  --ruin-blue: oklch(0.33 0.06 236); /* 残垣の青 #0f3a50 */
  --ironwood-blue: oklch(0.22 0.03 220); /* 鉄幹の青 #081e24 */
  --canopy-night: oklch(0.21 0.042 237); /* 梢間の夜 #021b29 */
  --gradient-fane-of-ashvattha: linear-gradient(180deg, oklch(0.21 0.042 237) 0%, oklch(0.91 0.059 217) 22%, oklch(0.33 0.06 236) 50%, oklch(0.42 0.077 169) 72%, oklch(0.66 0.155 148) 100%);
}

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