
Pairidaeza Canyon in a Sliver of Light
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
暗い場では、光を足すことは色を足すことではない:オアシス峡谷はこの四枚のうち最も強く照らされた一枚で——最も明るい 4000 画素のうち 2680 個が L 0.94、1108 個が L 0.95——それでいて彩度の天井は 0.084、ほかの三枚の 0.156 / 0.161 / 0.164 の半分しかない。差は灰ではない:ここの無彩 24.53% は四枚中三番目で、最も灰の多い一枚(53.76%)は天井を一銭も落としていない。差はこの光が何に落ちたかにある:直接照らされているのは崖壁そのものだけで、高さ方向に三箇所とると L 0.50 / 彩度 0.023、L 0.51 / 0.024、L 0.66 / 0.023——明度は 0.16 動くのに、彩度は終始、無彩の閾値 0.025 の下に釘づけである。暗い場に色を入れたいなら、灯りを増やすのではなく、灯りに色を持つものを照らさせること。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* オアシス峡谷・裂け目の光 · Pairidaeza Canyon in a Sliver of Light — Teyvat Palette */
:root {
--sky-sliver: oklch(0.94 0.008 158); /* 裂け目の白 #e7ede9 */
--lit-wall: oklch(0.55 0.023 146); /* 受光の崖 #69756a */
--canyon-haze: oklch(0.29 0.051 253); /* 谷霧の青 #182c44 */
--cliff-shadow: oklch(0.24 0.032 256); /* 崖影の青 #15202e */
--near-cliff: oklch(0.2 0.029 265); /* 手前の崖紫 #101623 */
--pool-teal: oklch(0.47 0.064 219); /* 淵の青碧 #2b6373 */
--fore-slope: oklch(0.2 0.018 344); /* 前坡の褐 #1c1318 */
--gradient-pairidaeza-canyon: linear-gradient(180deg, oklch(0.94 0.008 158) 0%, oklch(0.55 0.023 146) 14%, oklch(0.29 0.051 253) 32%, oklch(0.24 0.032 256) 50%, oklch(0.2 0.029 265) 66%, oklch(0.47 0.064 219) 86%, oklch(0.2 0.018 344) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。