Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
「アアル村」村長の家・斜めの陽
スメール昼ぬくもり深い影見晴らし

「アアル村」村長の家・斜めの陽

Village Chief's House in Slanting Light

色カード

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

再構成グラデーション

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

0%fbfcfa10%bde1f535%7f4f4460%473248100%efa971

なぜ調和するのか

灰は彩度のつまみが持ち去るのではない、二つ目の色相が引き取っていくのだ:同じ「アアル村」の二枚は、最も明るい一撮みが同じ値を返す(L 1.00、彩度 0.003)。明度の上端は 1.00 対 0.98 でほとんど動かないのに、無彩は 27.81% 対 3.36% ——8.3 倍の開きがある。こちらは陽が暖かく、空が 233° の冷たい青。だから行き場のなかった逆光面がそろって紫・桃・赤を名乗り直し、43.55% を占め、灰は左上のあの雲ひとつだけになった。

01

上端は同じ高さ、灰は 8.3 倍

既発表の〈アアルの影・白光〉とこの一枚は同じ村である。二枚とも、最も明るい 4000 画素のうち最大の一撮みは L 1.00、彩度 0.003 ——彩度をすべて手放した同じ一片の空で、明度の上端は 1.00 対 0.98。ところが無彩は 27.81% 対 3.36%。あちらは空が白く飛び、画面に色を持たない光が一筋あるだけで、彩度の中央値は 0.038。こちらは色相の反対を向いた光が二筋あり、中央値は 0.057。一枚の絵に灰がどれだけあるかは、その絵がどれだけ明るいかとは関係がなく、照らす光がいくつの色相を持つかで決まる——上端が同じ高さの二枚で、灰は 8.3 倍も違いうる。

02

灰は紫と桃と赤に姓を変えた

同じ 165° 幅の窓(210°–15°)で二枚を測る:〈アアルの影〉は 58,634 画素、この一枚は 396,979 画素、6.8 倍。増えた分の 43.55% は空ではない——空(210°–270°)はわずか 1.54% で、紫 16.35% の平均明度は 0.45、桃 14.10% は 0.40、赤 13.10% は 0.43、三本の色相帯がそろって全画面の中央値 0.48 を下回る。これらは影である。つまり灰は「彩度を上げて」消えたのではなく、あの冷たい光が、色相を名乗れずにいた逆光面を一枚ずつ引き取っていったのだ。ある場面に色を足したいなら、彩度をいじるのではなく、色相の違う二つ目の光を与えること。

03

影が名乗るのは空の色相ではない

天頂の実測は 233°、そして左側一面の逆光の崖は 323°–332° ——90° も離れている。同じ砂岩を、日を受けた側から逆光側までたどると:前景の砂丘 L 0.79 / 彩度 0.110 / 59°、右崖の受光面 0.52 / 0.076 / 31°、巨岩の下 0.41 / 0.060 / 27°、左の崖 0.33 / 0.047 / 323°。同じ空に照らされている漆喰の塔身は、まったく別の並びを返す:受光面 L 0.79 / 0.066 / 44°、逆光面 0.61 / 0.052 / 15°。〈万端珊瑚探偵所・日陰の昼〉は「影の青は色相が一度も動かない」と測ったが、それが成り立つ前提は逆光面が自分の色相を持たないことだった。素材が色相を持つとき、影は素材と空のあいだに落ち、どの目盛りに落ちるかは素材が決める。砂漠の影を描くなら青へ寄せず、砂岩自身の色相に沿って後ずさりさせること。

この配色を持ち帰る

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

/* 「アアル村」村長の家・斜めの陽 · Village Chief's House in Slanting Light — Teyvat Palette */
:root {
  --last-white-cloud: oklch(0.99 0.003 130); /* 残された白い雲 #fbfcfa */
  --zenith-blue: oklch(0.89 0.047 233); /* 天頂の青 #bde1f5 */
  --sunlit-sand: oklch(0.79 0.11 59); /* 陽の当たる砂金 #efa971 */
  --overhang-tan: oklch(0.48 0.068 34); /* 覆いかぶさる崖の褐 #7f4f44 */
  --rock-shadow-violet: oklch(0.45 0.059 295); /* 岩影の紫 #574f73 */
  --cliff-shadow-rose: oklch(0.35 0.047 326); /* 崖影の淡紅 #473248 */
  --sunlit-awning: oklch(0.88 0.114 86); /* 透ける帳の黄 #f9d27c */
  --gradient-village-chiefs-house: linear-gradient(180deg, oklch(0.99 0.003 130) 0%, oklch(0.89 0.047 233) 10%, oklch(0.48 0.068 34) 35%, oklch(0.35 0.047 326) 60%, oklch(0.79 0.11 59) 100%);
}

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