Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
銅雀のお寺・宵の灯
璃月夜幽かな碧静かな夜厨子の温もり

銅雀のお寺・宵の灯

Pervases' Temple, Lamplit Night

色カード

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

再構成グラデーション

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

0%10859f22%2c65a240%dcc4bd52%f2bc7a72%396f30100%247052

なぜ調和するのか

夜は明度の操作であって、彩度の操作ではない:同じ組の真昼の一枚〈春茶々房・翠の昼〉とこの夜景を並べると、90°–165° の緑の色相はどちらも 145°、彩度は 0.085 対 0.091——夜のほうがむしろわずかに高く、差はすべて明度、0.63 対 0.45 にある。夜が本当に取り上げるのは無彩だ:17.14% が 1.89% まで落ちる。夜にはどの面をも灰に洗える白い光が一つもないからである。夜を描くなら、明度を下げ、無彩を消すこと。彩度には手を付けない——彩度まで下げれば、出てくるのは曇り空だ。

01

緑は彩度を一分も払っていない

二枚の 90°–165° はどちらも 145° に落ち、彩度は 0.085(昼)対 0.091(夜)、明度は 0.63 対 0.45。全画でも同じで、この夜景の彩度中央値 0.087 は、あの真昼の 0.056 より 55% 高く、明度中央値は 0.49 対 0.58 である。夜はすべての色を一律に落としてはいない。再分配しているのだ——主光の一族はむしろ上がる:210°–270° は 221° / 彩度 0.051 から 246° / 0.098 へ、ほぼ倍になる。石段の前の草 (0.30, 0.85) は L 0.49 / 0.089 / 163°、左右から差し込む二本の木は L 0.49 / 0.111 / 141° と L 0.52 / 0.102 / 134°——夜の植生はどれも 0.09 を保っている。

02

最も白い一片さえ無彩を出せない

全画の無彩はわずか 1.89%。この絵で最も白いものは堂の両脇に灯る二つの障子窓である:最も明るい 4000 画素のうち 1,309 個が左窓(L 0.84 / 彩度 0.029 / 37°)、605 個が右窓(L 0.84 / 0.067 / 53°)、1,417 個が中央の開け放たれた戸口(L 0.83 / 0.104 / 71°)に落ち、三つの開口で 3,331 個を分け合う。0.029 はこの絵が出せる「色のないもの」に最も近い値であり、それでもなお 0.025 の無彩線の上にある。同じ組の昼三枚では、白漆喰の壁が実測 0.014、0.017、0.024——白壁は昼なら本当に色を持たずにいられるが、夜にはそれができない。夜は二つの光がどちらも色を持ち、どちらにも属さない面が存在し得ないからだ。

03

夜が没収するのは色相であって彩度ではない

堂の屋根瓦は碧色に見えるが、実測 (0.30, 0.27) は L 0.50 / 彩度 0.114 / 252°——背後の崖 (0.62, 0.10) の 219° や全画の青帯 246° と同族であり、階前の草の 145° からは 107° も離れている。〈アカツキワイナリー・灯る窓〉がこれを語っていた:夜が没収するのは主光から最も遠い一族の色相であり、赤瓦は昼の 49° から 267°–273° へ姓を変える。ここでも帳尻は合い、しかもより明快だ——没収されたのは色相だけで、彩度は一分も動いていない:姓を変えた屋根の彩度 0.114 は、なお全画中央値 0.087 の 1.3 倍である。だから夜のインターフェースを作るなら、まずすべての面をどちらかの色付きの光(ここでは 246° の夜と 71° の灯)の名義に入れ、そのうえで明度で層を分けること。彩度を一律に下げて描けるのは曇り空であって、夜ではない。

この配色を持ち帰る

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

/* 銅雀のお寺・宵の灯 · Pervases' Temple, Lamplit Night — Teyvat Palette */
:root {
  --shrine-glow: oklch(0.83 0.104 71); /* 厨子の灯の橙 #f2bc7a */
  --paper-window: oklch(0.84 0.029 37); /* 障子の白 #dcc4bd */
  --night-cliff: oklch(0.57 0.1 219); /* 夜岩の青 #10859f */
  --roof-nightblue: oklch(0.5 0.114 252); /* 屋根の夜青 #2c65a2 */
  --night-grass: oklch(0.49 0.089 163); /* 階前の草 #247052 */
  --canopy-jade: oklch(0.49 0.111 141); /* 樹冠の翠 #396f30 */
  --gradient-pervases-temple: linear-gradient(180deg, oklch(0.57 0.1 219) 0%, oklch(0.5 0.114 252) 22%, oklch(0.84 0.029 37) 40%, oklch(0.83 0.104 71) 52%, oklch(0.49 0.111 141) 72%, oklch(0.49 0.089 163) 100%);
}

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