スメール昼晴れやか薄靄落ち着き

下風蝕地・薄晴れ

Land of Lower Setekh in Thin Daylight

色カード

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

再構成グラデーション

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

0%d0d9fd26%def2fd46%c699a960%7866c476%8f5b7c88%b28178100%ad754b

なぜ調和するのか

最も飽和した一片は光ではなく陰のものだ。最も明るい 4000 画素の彩度の上限はわずか 0.007、最も飽和した 4000 画素は L 0.57 にうずくまる——画面の明度中央値は 0.74 なのに。太陽は白く、空は 274° の紫。光源が二つあって片方が白、片方が有色であるとき、画面で最も飽和した場所を探すなら、太陽がどこを照らしたかではなく、どこを照らせなかったかを見ること。

最も明るい場所に色は一つもない

最も明るい 4000 画素のうち 3999 個が同じ一マス (0.92, 0.43) に固まる。L 1.00、彩度の上限 0.007。右側の谷が靄に呑まれてゆく地平線で、ブロックで測れば L 0.95、C 0.026 だ。この絵の直射光は白い。当たったところの彩度をそのぶん洗い流してしまう——中景の大きなキノコ岩の、陽を受けた天面は L 0.73、彩度 0.058。全画の彩度中央値 0.062 よりまだ低い。

色のある光は空からの一束だけ

空は一面 274°、L 0.89、彩度 0.051。陰の面には第二の光源がないので、すべてが紫の側へ倒れる。左の崖は L 0.54、彩度 0.081、色相 342°、最も飽和した 3% はすでに 315° まで来ている。右の崖は L 0.56、彩度 0.086、最も飽和した 3% は 296°・彩度 0.119。全画で最も飽和した 4000 画素のうち 3844 個が 270°〜300° に落ち、平均彩度 0.141、明度 0.57、ピーク 0.172——唯一の光源から 22° と離れていない。陰は色を差し引くのではない。照明を取り替えているのだ。

増えた 0.051 はすべて陰に配られた

太陽が当たった中で最も飽和しているのは下縁の手前の砂丘で、L 0.61、彩度 0.091、57°。陰の崖面の 0.141 より三分の一低い。谷底の村に並ぶ縞の日除け——画面でいちばん見られたがっている物——ですらピークは 0.117 止まりだ。上風蝕地は同じ岩、同じ太陽で、彩度の天井は 0.121。こちらは 0.172、増えた 0.051 は一片も光に配られていない。高い彩度がほしくて、しかも嘘くさくしたくないなら、有色の光源にしか照らされない位置をその面に与えるほうが、彩度そのものをつまみで上げるよりずっと本当らしい。

この配色を持ち帰る

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

/* 下風蝕地・薄晴れ · Land of Lower Setekh in Thin Daylight — Teyvat Palette */
:root {
  --hazed-sky: oklch(0.89 0.051 274); /* 靄天の紫 #d0d9fd */
  --backlit-violet: oklch(0.57 0.141 290); /* 逆光の紫 #7866c4 */
  --cliff-shadow-rose: oklch(0.54 0.081 342); /* 崖陰の桃 #8f5b7c */
  --bleached-horizon: oklch(0.95 0.026 232); /* 白飛びの地平 #def2fd */
  --sunlit-caprock: oklch(0.73 0.058 356); /* 陽の当たる岩天 #c699a9 */
  --near-dune-gold: oklch(0.61 0.091 57); /* 手前の丘の金 #ad754b */
  --village-clay: oklch(0.65 0.063 30); /* 村の土橙 #b28178 */
  --gradient-land-of-lower-setekh: linear-gradient(180deg, oklch(0.89 0.051 274) 0%, oklch(0.95 0.026 232) 26%, oklch(0.73 0.058 356) 46%, oklch(0.57 0.141 290) 60%, oklch(0.54 0.081 342) 76%, oklch(0.65 0.063 30) 88%, oklch(0.61 0.091 57) 100%);
}

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