モンド昼澄冽寂寥古色

デカラビアンの塔・雲影

Decarabian's Tower under Cloud Shadow

色カード

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

再構成グラデーション

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

0%2e84c126%c0eaf544%5396b064%285f7882%4b869e100%b0bd9d

なぜ調和するのか

座席が 4 ピクセルしか残らないのは、二つの族が実は一つの族だからだ:75.27% の青のなかに、空 244°、雲 217°、浅瀬 226°、塔身の石 225°、影の廃墟 231° が同居している——五つのものが 27° に押し込まれている。緑は 10.86% しか残らず、平均彩度 0.062 は、同じ回の他の三枚(0.144 / 0.121 / 0.104)のうち最も低い一枚の六割にすぎない。二つの大きな族がほんとうには分かれていないなら、座席の話は始まらない:330°–60° は画面全体で 4 ピクセル、345°–15° は一つもない。代償は測れる——彩度の天井 0.178 は四枚でいちばん低い。アクセントを置ける座席が欲しければ、まずほんとうに分かれた二つの族が要る。

五つのものが 27° に押し込まれている

空は L 0.59 / C 0.123 / 244°、左手のいちばん明るい雲は L 0.91 / C 0.046 / 217°、石橋の両側の浅い水は L 0.59 / C 0.072 / 226°、塔身の石は L 0.64 / C 0.078 / 225°、影に落ちた廃墟は L 0.46 / C 0.071 / 231°。素材のまるで違う五つのものの色相差はわずか 27°、いっぽう明度差は 0.45 ある。この絵は奥行きも量感もすべて明度の帳簿につけ、色相には一円も使っていない——だからこれは空と水と石の三つではなく、「一つの場所」として読める。

赤いピクセルが一つもない

345°–15° の窓は nothing matched を返す。90° 幅の 330°–60° まで広げても 4 ピクセルきりだ。画面には緑 10.86%、青緑 3.36%、青 75.27% の三本の帯しかなく、合わせるとちょうど 90°–270°、色相環のもう半分はまるごと空である。同じ回の〈魔女会の空島・花の正午〉は同じ 330°–60° の窓に 39,869 ピクセルを持っていて、その差は 9,967 倍。これは「アクセントを省いた」のではなく、アクセントを置ける位置がそもそも存在しないということだ。

第二の族が負けたのは彩度であって面積ではない

この絵でいちばん彩度の高い緑は、石畳の目地から伸びた苔である:下縁のその 21,310 ピクセルは L 0.78 / C 0.047 / 125°、Cmax 0.152 で、アーチの向こうの遠い草地ではない。緑は 10.86% を占め、〈風止みの山・浮雲〉の 17.56% より七ポイント少ないだけなのに、平均彩度は 0.062 対 0.144、後者の四割強しかない。二つの色の族が対立できるためには、面積は懸け離れていてよいが、彩度はいけない——片方がもう片方の四割まで押し下げられたら、それはもう一つの族ではなく、その族の影である。

この配色を持ち帰る

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

/* デカラビアンの塔・雲影 · Decarabian's Tower under Cloud Shadow — Teyvat Palette */
:root {
  --deep-sky: oklch(0.59 0.123 244); /* 深天の青 #2e84c1 */
  --cumulus-white: oklch(0.91 0.046 217); /* 積雲の白 #c0eaf5 */
  --tower-stone: oklch(0.64 0.078 225); /* 塔石の青 #5396b0 */
  --shallow-water: oklch(0.59 0.072 226); /* 浅瀬の青 #4b869e */
  --shadow-stone: oklch(0.46 0.071 231); /* 影の石 #285f78 */
  --seam-moss: oklch(0.78 0.047 125); /* 石目の苔 #b0bd9d */
  --gradient-decarabians-tower: linear-gradient(180deg, oklch(0.59 0.123 244) 0%, oklch(0.91 0.046 217) 26%, oklch(0.64 0.078 225) 44%, oklch(0.46 0.071 231) 64%, oklch(0.59 0.072 226) 82%, oklch(0.78 0.047 125) 100%);
}

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