Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
「織りの間」・幽光
ナタ幽玄厳か微かな灯

「織りの間」・幽光

Chamber of Weaving in Dim Light

色カード

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

再構成グラデーション

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

0%2f4d6828%8e8dcf44%f88c6866%3952b986%343649100%3e3231

なぜ調和するのか

灰を敷いて買えるのは静けさではなく、焦点の落差である。この堂は全画素の 41.61% が彩度 0.025 に満たず、彩度の中央値は 0.028 まで押し下げられている。それでいて彩度のピークは 0.199——同じ回のナタ屋外三枚の 0.204 / 0.207 / 0.210 との差はわずか 0.011。灰は天井から一銭も取っていない。取っていったのは中央値だけであり、だから「p99 引く中央値」の枠は 0.125、四枚で最も高い。ひとつの色を響かせたいなら、まず黙らせる面を探すこと。

01

四割の灰は影であって霧ではない

手前の二本の巨大な拱、その背光面は実測 L 0.33 / 彩度 0.017。拱門の奥、照らされた堂は L 0.66 / 彩度 0.111——ここでの灰は、色のある面よりまるまる半分暗い。空気の灰は彩度が落ちると同時に明度が上がる(〈ダマーヴァンド山・塵幕〉の砂岩は 0.056→0.019 に対し L 0.63→0.82)。この灰は明度も彩度も一緒に落ちている。つまり「光が届かなかった」実体だ。だから天井に税を払わない——ダマーヴァンドの 16.43% の塵幕がピークを 0.091 まで下げたのに対し、ここは 41.61% の暗面を抱えてピークは 0.199 のまま。中央値を節約しつつピークを手放したくないなら、霧ではなく影を使うこと。

02

同じ青が、倍の音量で鳴る

210°–270° の帯は 22.36% を占め、その最も鮮やかな 3%(5,906 画素)は実測 L 0.48 / 彩度 0.164。全画のピーク 0.199 もこの帯にあり、織画の右手、照らされた青い帳の上に落ちている。この 0.164 自体は特別な値ではない——同じ回の〈トヤック源泉地・碧晴〉で最も鮮やかな空は 0.162、ほとんど同じ濃さだ。違うのは底のノイズである。こちらの彩度中央値は 0.028、あちらは 0.101。同じ青から各々の中央値を引けば 0.136 対 0.061。目立つとは差分であって絶対値ではない。中央値を下げれば、ピークは一銭も足さずに倍鳴る。

03

1.00% の暖色は、すべて中央の織画に

赤・橙・黄の三帯を合わせても 1.00%。15°–75° の暖色窓は全部で 4,281 画素、その最も鮮やかな 3% が L 0.75 / 彩度 0.141 / 色相 39°。そして全画で最も明るい 4,000 画素のうち 3,325 個が (0.48, 0.48) の一区画に集まり、平均色相は 44°——二本の巨大な拱のちょうど真ん中に垂れ下がる、あの織画である。橙金の炎の紋が中央の像を一巻きしている。その 0.141 は天井 0.199 になお 0.058 届かない。それでも画面唯一の焦点になる。枠さえ貯めておけば、焦点は最も鮮やかな一点である必要はない——周りが誰も喋らなければいい。

この配色を持ち帰る

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

/* 「織りの間」・幽光 · Chamber of Weaving in Dim Light — Teyvat Palette */
:root {
  --arch-shadow: oklch(0.33 0.017 23); /* 拱影の褐 #3e3231 */
  --step-stone: oklch(0.34 0.032 279); /* 石段の紫灰 #343649 */
  --canopy-blue: oklch(0.41 0.057 246); /* 天幕の青 #2f4d68 */
  --hall-blue: oklch(0.48 0.164 269); /* 堂内の青 #3952b9 */
  --banner-violet: oklch(0.67 0.097 284); /* 帳の紫 #8e8dcf */
  --woven-gold: oklch(0.75 0.141 39); /* 織りの金 #f88c68 */
  --gradient-chamber-of-weaving: linear-gradient(180deg, oklch(0.41 0.057 246) 0%, oklch(0.67 0.097 284) 28%, oklch(0.75 0.141 39) 44%, oklch(0.48 0.164 269) 66%, oklch(0.34 0.032 279) 86%, oklch(0.33 0.017 23) 100%);
}

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