スメール昼寥々乾いた熱赭の温もり

羊呑の岩・霞の砂

Lamb-Devourer Rock in Rosy Haze

色カード

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

再構成グラデーション

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

0%70486a28%995d6e62%ce8a82100%e8bf96

なぜ調和するのか

暗部の差額を色相に付ければ、彩度は一銭も払わなくていい。羊呑の岩の同じ一枚の砂岩は、最も深い罅で 333° / L 0.43 / C 0.079、日を受けた崖面で 29° / L 0.76 / C 0.080——色相は 56° 歩き、明度は 0.33 歩き、彩度の差はわずか 0.001 である。〈ウェネトトンネル・砂の照り返し〉でも同じ種類の砂岩が色相を単調に(47°)歩いたが、あちらは彩度が四分の一まで落ちた。あそこでは光が尽きかけていたからだ。つまり彩度が落ちたかどうかで、画中の暗が影なのか光不足なのかを逆に判定できる。

五本の色相帯、一本の明度坂

全画面の 98.42% を、隣り合う四本の色相帯が分け合っている:桃 15.94%(333°)、赤 24.82%(2°)、橙 29.25%(27°)、黄 28.41%(63°)。さらに暗い側へ 1.47% の紫(307°)が繋がる。この五本の帯の平均明度は 0.43 / 0.46 / 0.55 / 0.70 / 0.78 と単調に上がっていくのに対し、彩度は 0.070 / 0.073 / 0.081 / 0.084 / 0.074、レンジはわずか 0.014。この絵では色相がそのまま明度の物差しである——ある砂岩の色相を言えば、それがどれだけ明るいかを言ったことになる。

影は彩度を落とさない。光が尽きたときだけ落ちる

同じ崖壁を三箇所:左上の最も深い罅((0.20, 0.20) から)333° / L 0.43 / C 0.079、左の崖面((0.03, 0.05) から)0° / 0.54 / 0.086、右の日を受けた崖面((0.88, 0.35) から)29° / 0.76 / 0.080。明度は 0.33 跨いでいるのに、彩度のレンジは 0.007 しかない。〈ウェネトトンネル・砂の照り返し〉のトンネルでは、同じ種類の砂岩が色相を単調に 47° 歩き、彩度は四分の一まで落ちた——あれは光が尽きていく過程である。ここでは光が足りているので、暗部は色相の弧をマゼンタ側へ数度退くだけだ。それはこの絵がなぜ灰を一片も出せないかも説明する:無彩 0.08%——中性を一度も通らない影は、中性を作れない。

白もまた、この弧の上にいる

真っ白に見えるあの石の門は、実測 L 0.66 / C 0.060 / 17°((0.31, 0.30) から)——弧から跳び出してはおらず、弧の上でより淡い点を取っているだけで、全画面の彩度中央値 0.080 より低い。本当に跳び出しているのは門の中心の宝石だけだ:`100°–285°` というこの 185° 幅の窓は全画面で 257 画素しかなく、そのうち 211 個がその宝石である((0.33, 0.50) から、L 0.45 / C 0.083 / 257°)。全画の 0.024%、彩度は中央値とほとんど同じ。一本の色相坂が支配する画面に焦点を立てるなら、まずすべての材質を——白だと思っていたものも含めて——素直に坂の上へ並べ、それから一つだけを丸ごと外へ運び出すこと。

この配色を持ち帰る

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

/* 羊呑の岩・霞の砂 · Lamb-Devourer Rock in Rosy Haze — Teyvat Palette */
:root {
  --cleft-rose: oklch(0.46 0.073 333); /* 罅影の薔薇 #70486a */
  --red-wall: oklch(0.55 0.081 2); /* 赤壁 #995d6e */
  --ochre-cliff: oklch(0.7 0.084 27); /* 赭崖の橙 #ce8a82 */
  --sunlit-sand: oklch(0.79 0.074 63); /* 日照りの砂 #ddb189 */
  --gate-pale: oklch(0.66 0.06 17); /* 門前の白 #b48485 */
  --gem-blue: oklch(0.45 0.083 257); /* 匣心の青 #365683 */
  --gradient-lamb-devourer-rock: linear-gradient(180deg, oklch(0.46 0.073 333) 0%, oklch(0.55 0.081 2) 28%, oklch(0.7 0.084 27) 62%, oklch(0.83 0.072 67) 100%);
}

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