
Wenut Tunnels by Sandlight
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
天光のない場所では、広い面の色は素材ではなく光に属する。同じ一枚の砂岩でも、砂地に正対する柱面は L 0.68 / 彩度 0.102 / 56°、光の届かない天井は L 0.25 / 彩度 0.023 / 103°——途中で素材は一度も変わっていないのに、色相は単調に 47° 移動し、彩度は四分の一まで落ちる。洞窟の「環境色」とは岩の固有色ではなく、光が尽きたあとに残る色相のことだ。
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。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。