スメール昼荘厳広漠白飛び

アアルの影・白光

Aaru's Shut in White Light

色カード

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

再構成グラデーション

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

0%f9fae920%9a98b045%7c5e5670%684d4d100%c18246

なぜ調和するのか

この絵の彩度は光が与えたものではなく、人が刻んだものだ。画面で最も明るい 4000 画素は彩度 0.003 しかなく、何も彫られていない敷石は 0.039、方尖塔の柱身は 0.043、ピークでも 0.075 を超えない——ところが足元中央の象嵌石板だけは、最も飽和した 3% が 0.109 に達する。光源そのものが無色のとき、彩度は光の属性であることをやめ、「どれが人の手を経たか」の印になる。

太陽に色がない

上端 12% の空は実測で L 0.98、彩度 0.022。画面で最も明るい 4000 画素にいたっては彩度 0.003——色相と呼べるものが残っていない。太陽の側も同じで、左上隅(y<0.06)の空は彩度 0.037、同じ高さの右上隅はわずか 0.007。この光から読み取れるのは、もはや方向だけである。白い光は何も染めないから、画面にある色はすべてその物自身の色になる——〈サラシア海原・水の光〉はその裏返しの証明で、媒質がひとたび染めれば、あらゆる材質は同じ色相に束ねられてしまう。固有色に語らせたいなら、まず光から色を抜くこと。

彩度の天井は人の手が引いている

彩度の最も高い 4000 画素を抜き出すと、3800 個が (0.50, 0.88) と (0.49, 0.80) に密集する——足元中央のあの象嵌石板で、平均 0.105–0.108、ピーク 0.140。同じ石でできた他のものはどうか。何も彫られていない敷石は 0.039(ピーク 0.075)、左の方尖塔の柱身は 0.043(ピーク 0.070)、祠の上で金を貼られた翼の紋章でさえ、最も飽和した 3% が 0.071 にとどまる——画面の彩度のピークは祭壇の上ではなく、足の下にある。これらの色相はすべて 20–63° という一つの族に収まっていて、それらを分けているのは彩度だけだ。同じ材質・同じ光の画面なら、二つ目の色相を探す必要はない。彩度に一本の線を引けば足り、その線を越えたものは自動的に「人の手が入った」と読まれる。

最も淡い一本が道を先導する

広場(画面の下 60%)のうち 165–270° に落ちる画素は全部で 469 個、面積にして 0.09%、彩度 0.036、ピーク 0.073——それが乗っている敷石(0.042)よりも低く、象嵌(0.109)の三分の一しかない。それでも視線が最初に追うのはこの線である。〈霜月・地照〉では熔光の彩度 0.063 が、隣の大気弧 0.072 をすでに下回っていた。ここはもっと徹底していて、周囲のあらゆるものより低い。それでも先導できるのは、この絵の自然が冷たい画素を一つも差し出さないからだ。空は白く、唯一の冷色は遠くの台地にかかる霞(288°、2.65%)だけで、しかもそのほとんどは地平線より上に閉じ込められている——270–330° に落ちる画素は、y<0.45 に 22,919 個、それより下にはわずか 1,356 個。細い線を見せたいなら、まず明るくするのではなく、画面からその線と同族の自然なノイズを消してしまうこと。

この配色を持ち帰る

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

/* アアルの影・白光 · Aaru's Shut in White Light — Teyvat Palette */
:root {
  --bleached-sky: oklch(0.98 0.022 110); /* 白飛びの空光 #f9fae9 */
  --haze-violet: oklch(0.69 0.034 289); /* 遠霞の紫 #9a98b0 */
  --paving-tan: oklch(0.51 0.042 34); /* 砂岩の褐 #7c5e56 */
  --step-shadow: oklch(0.45 0.037 20); /* 段影の褐 #684d4d */
  --inlay-gold: oklch(0.66 0.109 63); /* 象嵌の金 #c18246 */
  --ley-blue: oklch(0.67 0.059 215); /* 儀式の青 #6a9fac */
  --gradient-aarus-shut: linear-gradient(172deg, oklch(0.98 0.022 110) 0%, oklch(0.69 0.034 289) 20%, oklch(0.51 0.042 34) 45%, oklch(0.45 0.037 20) 70%, oklch(0.66 0.109 63) 100%);
}

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