Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
ウェネトトンネル・砂の照り返し
スメール閉ざされた生温い澱む

ウェネトトンネル・砂の照り返し

Wenut Tunnels by Sandlight

色カード

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

再構成グラデーション

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

0%24221542%3a321d74%c88758100%a77d43

なぜ調和するのか

天光のない場所では、広い面の色は素材ではなく光に属する。同じ一枚の砂岩でも、砂地に正対する柱面は L 0.68 / 彩度 0.102 / 56°、光の届かない天井は L 0.25 / 彩度 0.023 / 103°——途中で素材は一度も変わっていないのに、色相は単調に 47° 移動し、彩度は四分の一まで落ちる。洞窟の「環境色」とは岩の固有色ではなく、光が尽きたあとに残る色相のことだ。

01

光は足元から来ている

最も明るい 4000 画素のうち 2549 個が (0.50, 0.73) の砂地に落ちる。L 0.76 / 彩度 0.105 / 77°。最も彩度の高い 4000 画素も同じ砂地と、それに照らされた岩柱だ((0.49, 0.70) 彩度 0.109、(0.45, 0.58) 彩度 0.110)。砂地より明るいのは二つの小さな塊だけ——50 個と 26 個の画素、宙に浮かぶ二粒の光の塵で、L 0.84 と 0.85。画面に空は一寸もなく、明度と彩度の二冠をどちらも地面が取っている。天光のない空間を描くなら、まずどの面が光を返すのかを決め、最高の明度と最高の彩度をまとめてその面に渡すこと。光源を一点の輝きとして描くより、照らされた一枚の地面として描くほうが効く。

02

同じ岩、四つの色相

砂地から上へ四段を取る。光に正対する岩柱面 L 0.68 / 彩度 0.102 / 56°、砂地 0.62 / 0.092 / 74°、アーチ岩の陰面 0.32 / 0.036 / 88°、天井 0.25 / 0.023 / 103°。三つのチャンネルすべてが単調で、しかもこの四箇所は同じ砂岩である。ジオード鉱坑道の晶柱は 114° から 186° へ回ったが、あれは洞壁の 225° という環境色に向かう動きだった——あの洞窟には色を発するものが二つあり、晶柱と岩壁がそれぞれ別のことを言っていた。ここには二つ目がない。岩は自分の色相を一つも語らず、どの色相に見えるかは、どれだけの光がまだ届いているかで決まる。岩壁にまず固有色を決めてから一律に暗くする、という手順をやめること——暗くするだけでは同じ色相の濃淡しか得られず、奥行きは出ない。

03

灯ひとつには色相環の半分で足りる

画面全体に 165°–345° の探索をかけると、灰色の閾値に達する画素は一つもない。残りはすべて 15°–165° に集まる。黄帯 50.36%、緑帯 25.61%、橙帯 0.17%、無彩色画素 23.85%、彩度の中央値はわずか 0.031。唯一の「よそ」は遠景にある次の坑道へ通じる口で、その緑の画素は実測 L 0.49 / 彩度 0.047 / 119°——天井の 103° よりさらに緑だが、それでも同じ半円の中にいる。光源がひとつの空間で使える色相環はこれだけだ。二つ目の色相が欲しいなら、二種類目の石ではなく、二つ目の灯を与えること。

この配色を持ち帰る

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

/* ウェネトトンネル・砂の照り返し · Wenut Tunnels by Sandlight — Teyvat Palette */
:root {
  --sandlight-gold: oklch(0.62 0.092 74); /* 砂照りの金 #a77d43 */
  --lit-pillar: oklch(0.68 0.102 56); /* 岩柱の橙 #c88758 */
  --dust-mote: oklch(0.84 0.103 101); /* 塵の星 #d9cd7c */
  --arch-underside: oklch(0.32 0.036 88); /* アーチ裏の褐 #3a321d */
  --unlit-vault: oklch(0.25 0.023 103); /* 洞天井の青 #242215 */
  --far-passage: oklch(0.49 0.047 119); /* 遠き坑口の緑 #5d6446 */
  --gradient-wenut-tunnels: linear-gradient(180deg, oklch(0.25 0.023 103) 0%, oklch(0.32 0.036 88) 42%, oklch(0.68 0.102 56) 74%, oklch(0.62 0.092 74) 100%);
}

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