Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
冒険者協会(稲妻)・夕映え
稲妻夕静謐残り火落桜

冒険者協会(稲妻)・夕映え

Adventurers' Guild Inazuma at Sunset

色カード

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

再構成グラデーション

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

0%ee876d30%39202752%45254766%e59739100%7f5947

なぜ調和するのか

光が色を帯びた瞬間、中性の予算はゼロになる。同じ矩形でカウンター前の地面を測ると、ここは彩度 0.058、色相 46°、モンドの一枚は 0.022、201°。全画面の無彩は 8.09% しか残らず、絵は節約できなかった対比をすべて彩度に賭け直す——中央値 0.053、ピーク 0.231、四枚の冒険者協会のいずれも最高値である。

01

地面もまた夕陽の一部

カウンター前の石畳は L 0.50、彩度 0.058、色相 46°。頭上の西空(L 0.73、彩度 0.132、色相 35°)とはわずか 11° しか違わない——夕陽に照らされた灰ではなく、それ自体が夕陽の一片なのだ。橙の帯 51.19% に赤の帯 17.72%、画面の 68.91% が 345°〜45° の隣り合う二帯に詰め込まれ、無彩は 8.09% まで崩れる。色を帯びた光は余白をくれない。この光の中で中性を残したいなら、向きの逆な第二の光源を自分で作るしかない。

02

藍だと思ったら、実測 312°

カウンターの前に二枚の暖簾が垂れている。目は藍色だと報告するが、左は実測 L 0.28、彩度 0.065、色相 312°、右は L 0.32、彩度 0.071、色相 325°——どちらも紫寄りの赤だ。画面全体で 210°〜270° の青の帯はわずか 8 画素しかない。夕光は画面で最も冷たいこの布さえ 300° の向こうまで引っ張っていった。それが青に読めるのは、この場で暖端から最も遠い物だからにすぎない。染め上げられた画面に原色はなく、あるのは順位だけである。

03

灰を節約できないなら、金は彩度に使う

彩度の中央値 0.053、p99 0.160、ピーク 0.231。明度は p01 の 0.19 から p99 の 0.80 まで引き伸ばされている——四枚で唯一「濃い」と読める一枚だが、その濃さは色相の多さではない。色相が一族しか残らないほど絞られ、浮いた対比の予算がすべて L と C に回されたからだ。同じ組のフォンテーヌの一枚は無彩がさらに少なく(4.59%)、それでも彩度 p99 を 0.109 まで抑えて濃くならない。余白の面積と彩度の天井は交換可能な二つのつまみで、どちらか一つは必ず下げなければならない。この一枚はどちらも下げていない。

この配色を持ち帰る

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

/* 冒険者協会(稲妻)・夕映え · Adventurers' Guild Inazuma at Sunset — Teyvat Palette */
:root {
  --sunset-sky: oklch(0.73 0.132 35); /* 夕空の橙 #ee876d */
  --lantern-glow: oklch(0.74 0.141 67); /* 提灯の灯 #e59739 */
  --dark-timber: oklch(0.28 0.04 2); /* 軒木の暗紅 #392027 */
  --noren-violet: oklch(0.32 0.071 325); /* 暖簾の紫 #452547 */
  --warm-flagstone: oklch(0.5 0.058 46); /* 石畳の暖灰 #7f5947 */
  --gradient-adventurers-guild-inazuma: linear-gradient(180deg, oklch(0.73 0.132 35) 0%, oklch(0.28 0.04 2) 30%, oklch(0.32 0.071 325) 52%, oklch(0.74 0.141 67) 66%, oklch(0.5 0.058 46) 100%);
}

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