Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
神無塚・霞の昼
稲妻昼澄明開豁霞の気配

神無塚・霞の昼

Kannazuka in Hazy Daylight

色カード

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

再構成グラデーション

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

0%51a1d522%8081ea42%4e80a562%5db2b280%5099a1100%459ec1

なぜ調和するのか

青紫の濃さは明度でしか買えない——緑青ならその必要はない。だから暗くなることを拒んだ青い絵は、必ず淡い。神無塚は四枚の稲妻でもっとも明度の床が高く(L p01 0.50)、もっとも濃い 3% の青は L 0.63・彩度 0.122 で止まる。〈武器庫・足元の光〉は同じ 210°–270° の窓を L 0.42 まで沈め、同族の青が 0.211 まで上がる。濃さを買えないこの絵は面積で払う——青 17.19% に藍 77.93%、画面の九割五分が同じひとつの事柄である。

01

緑の帯は半パーセントしか残っていない

島じゅうが草地なのに、90°–165° の緑帯はわずか 0.51%、4,516 画素しかない。手前の台地の草は実測 L 0.71・彩度 0.082・色相 196°、中景の高台の草はすでに 215°——どちらも大気によって青帯と藍帯へ押し込まれている。この絵が使える色相は 165°–270° の一区間だけになり、そこはまさに明度と引き換えでしか濃さが手に入らない区間だ。画面が濃くなるかを見積もるなら、まず安い色相があと幾つ残っているかを数えること。

02

0.10% の穢れが 77.93% の青と同じ高さに届く

中央の台地の裂け目に湧く穢れは、270°–315° のうち濃い 3% を取ると実測 L 0.65・彩度 0.155・色相 281°。紫帯全体は 0.10% しかなく、ピークは 0.175。いっぽう画面の七割八分を覆う藍帯のピークは 0.177——両者は並ぶ。天井は面積で買えるものではない。七割八分を敷いた青も、ひとかたまりの紫より濃くはなれなかった。淡い配色に焦点を作りたいなら、主色の彩度を上げようとしないこと(それは自分の明度にすでに封じられている)。小さな面をひとつ、別の色相へ送ればいい。

03

下縁の黄金の砂に暖色画素は一つもない

画面下縁の汀線は陽に灼けた金の砂に見えるが、その矩形に 330°–90° の探索をかけると nothing matched が返る。実測は L 0.64・彩度 0.074・色相 204°。全画面の 330°–90° は合わせて 454 画素(0.05%)、平均彩度 0.030。四枚のうち〈ヤシオリ島・蒼穹〉は 84 画素、〈武器庫・足元の光〉はゼロ、暖色を持つのは 22,634 画素の〈長次の家・晴れた昼〉だけ——そしてそれは主色を緑に賭けた唯一の一枚でもある。冷たい場が澄むほど、色は高い色相からしか選べなくなる。本当に濃い色をひとつ残したければ、緑青の地をひとつ残しておくこと。

この配色を持ち帰る

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

/* 神無塚・霞の昼 · Kannazuka in Hazy Daylight — Teyvat Palette */
:root {
  --open-sky: oklch(0.68 0.11 240); /* 空の青 #51a1d5 */
  --miasma-violet: oklch(0.65 0.155 281); /* 穢れの紫 #8081ea */
  --cliff-shadow: oklch(0.58 0.079 242); /* 崖影の青 #4e80a5 */
  --haze-meadow: oklch(0.71 0.082 196); /* 霞草の青 #5db2b2 */
  --sandbar-teal: oklch(0.64 0.074 204); /* 洲の青 #5099a1 */
  --lagoon-blue: oklch(0.66 0.099 227); /* 汀の青 #459ec1 */
  --gradient-kannazuka: linear-gradient(180deg, oklch(0.68 0.11 240) 0%, oklch(0.65 0.155 281) 22%, oklch(0.58 0.079 242) 42%, oklch(0.71 0.082 196) 62%, oklch(0.64 0.074 204) 80%, oklch(0.66 0.099 227) 100%);
}

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