ナタ昼高遠軽やか縹渺

古の聖山・澄空

Ancient Sacred Mountain in Open Sky

色カード

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

再構成グラデーション

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

0%2d69b516%5292ca47%dcb8a856%da8a9a72%7179ab100%abb7d3

なぜ調和するのか

一族が 86.73% を占めると、枠は 0.059 しか残らない(p99 0.147 引く中央値 0.088)。色を付けない面がひとつもなければ、天井 0.210 は自動的に最大の面へ渡る——最も鮮やかな青は平均 L 0.49 / 彩度 0.146、右上の最も深い空(実測 L 0.52 / 0.135)であり、全画の明度中央値 0.71 より 0.19 も低い。一方この画の物語の主役、中央の島に懸かる金の環は、15°–90° の暖色窓に 1,753 画素、彩度 0.047、ピーク 0.105——天井の半分にも届かない。主役を環境より鮮やかにしたいなら、まず環境が面積を譲る気があるかを問うこと。

最も鮮やかな青は天頂ではなく、最も暗い空にある

210°–270° の最も鮮やかな 3%(22,908 画素)は実測 L 0.49 / 彩度 0.146 で、全画のピーク 0.210 もここにある。画面上縁の空の帯は L 0.64 / 0.107、右上の最も深い一角は L 0.52 / 0.135。下へ行けば、浮島を支える雲海が明度を 0.78–0.84 まで押し上げ、彩度を 0.042–0.085 へ戻す。同じ族の中では濃さは暗端に住み、明端はその淡い影にすぎない——だからこの画では彩度のピークと明度の底が同じものになる。空の一角を深く残しておけば、濃さの出口としてもう一つの色相を探す必要はない。

主役は彩度の競争に出ていない

中央の島には金の環が懸かっている。画面で唯一の人工の発光物であり、誰の視線も最初にそこへ落ちる。その矩形の実測は L 0.78 / 彩度 0.056。範囲を広げて 15°–90° の暖色画素だけを取っても 1,753 画素、彩度 0.047、ピーク 0.105——全画 0.210 の半分にも満たない。最も明るい 1,814 画素もそれではなく、その右手の雲である(L 0.94 / 彩度 0.030、(0.75, 0.49) に落ちる)。最も明るくも最も鮮やかでもなく、真ん中という位置と、雲に抜かれた輪郭だけで主役になっている。枠が 0.059 しかないとき、主役はコントラストを買えず、構図で支払うほかない。

0.059 は、面を譲らなかった代償である

無彩 1.76%、彩度中央値 0.088、p99 0.147——落差は 0.059。同じ回の四枚の天井は 0.199 / 0.204 / 0.207 / 0.210、最大差はわずか 0.011 なのに、枠は 0.125 / 0.051 / 0.100 / 0.059 と 2.5 倍も開く。四枚は光が違い、明度中央値は 0.71 から 0.34 まで落ち、無彩は 1.18% から 41.61% まで上がる。それでも天井は動かない。画面が「濃い」かどうかを決めるのは、最も鮮やかな一点がどれだけ鮮やかかではなく、黙る面がひとつでもあるかどうかだ。単色系の UI でも同じで——画面全体を同じ族の色で埋めれば、強調状態はもう持ち上がらない。どこか大きな一面を先に無彩へ戻さない限りは。

この配色を持ち帰る

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

/* 古の聖山・澄空 · Ancient Sacred Mountain in Open Sky — Teyvat Palette */
:root {
  --deep-vault: oklch(0.52 0.135 256); /* 深穹の青 #2d69b5 */
  --zenith-blue: oklch(0.64 0.107 247); /* 天頂の青 #5292ca */
  --island-root: oklch(0.59 0.076 276); /* 島根の紫 #7179ab */
  --terracotta: oklch(0.72 0.099 7); /* 岩土の赤 #da8a9a */
  --ring-gold: oklch(0.81 0.047 45); /* 環の金 #dcb8a8 */
  --cloud-sea: oklch(0.78 0.042 267); /* 雲海の白 #abb7d3 */
  --gradient-ancient-sacred-mountain: linear-gradient(180deg, oklch(0.52 0.135 256) 0%, oklch(0.64 0.107 247) 16%, oklch(0.81 0.047 45) 47%, oklch(0.72 0.099 7) 56%, oklch(0.59 0.076 276) 72%, oklch(0.78 0.042 267) 100%);
}

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