昼苔むす石涼しい陰静かな番

旧貴族の秘蔵の地・石の陰

Noblesse Secret Treasury, Stone in Shade

色カード

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

再構成グラデーション

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

0%bbbe9615%3e864f34%40664060%25506280%3f3342100%1c3c4c

なぜ調和するのか

アクセントが買っているのは彩度の順位ではなく、色相環の空席である。アーチに垂れる絳の旗は実測で彩度 0.032——この絵自身の彩度中央値 0.056 より低く、無彩の線 0.025 からわずか 0.007 の高さしかない。それでも 345°–15° には全画面で一画素も無く、15°–45° は 0.02%、315°–345° は 0.41%——暖の半分を合わせて 0.43%、旗はそこに住む唯一の一枚である。小さな面に喋らせたいなら、まず色相環のどこが空いているかを見て、それから彩度を足すかどうかを決めること。

二つの極値はどちらも壁の外にある

全画面で最も明るい 4000 画素はすべて左下の淡色の岩に落ち、重心は (0.08, 0.51) から (0.18, 0.87) に並び、平均 L は 0.78 から 0.79。最も彩度の高い 4000 画素もすべて左側にあり、2235 画素が 150°–180°(平均 154°、L 0.66 / 彩度 0.154)、1765 画素が 120°–150°(138°、L 0.68 / 0.147)、重心は (0.26, 0.56) と (0.29, 0.72)——壁際で光を受けた茂みとその隣の草で、ピークは 0.196。一方、誰もが最初に見るあのアーチは画面のど真ん中にあって、実測 L 0.34 / 彩度 0.047 / 232°、どちらの番付にも乗らない。そもそも穴とすら呼べない:切石の壁面が L 0.41 / 0.056 / 227° で、アーチはそれより 0.07 暗いだけ、彩度はむしろ 0.009 低く、色相差は 5°。この壁で入口を示しているのは、あの穴ではない。

あの旗は、この絵の平均より淡い

絳の旗は実測 L 0.34 / 彩度 0.032 / 色相 320°。全画面の彩度中央値は 0.056、p99 は 0.127、ピークは 0.196——旗は中央値にすら届かない。読み取れる理由はすべて別のところに生えている:青 56.55%(232°)、緑 20.75%(144°)、シアン 12.34%(184°)、89.64% の画面が色相環の同じ半分に詰まっていて、315°–45° の 90° は合わせて 0.43%、赤帯 345°–15° は空である。〈王山庁・正堂・薄青〉が主色の閾値を語っていた——彩度中央値 0.026 が無彩の閾値に貼りついていても青と読める、反論する第二の色相がいないからだ、と。アクセントは主色よりさらに安上がりである:自分の絵の中央値にすら届かなくてよい。立っている区間に他の誰もいなければ、それでいい。

まず空席を探し、それから彩度を足すか決める

同じ絵の中で、壁際の茂みは彩度 0.112、旗の 0.032 の三倍半あり、面積もずっと広い。それでも誰一人それを主役だとは思わない——その 149° は緑帯 20.75% のど真ん中で、色相環のその半分では何番目とも数えられない住人だからだ。旗の 320° は一番目である。インターフェースでも同じ:強調色とはブランド色をもう一段濃く振ることではなく、大面積の地の色を色相環の半分に収めてから、空いている半分に強調色を置くことである。色相環の順位は彩度の順位より安く、そして安定している——地の色が濃くなれば、彩度で引き離した強調色は追いかけ直さなければならないが、空席で押さえた一枚は一分も動かなくていい。

この配色を持ち帰る

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

/* 旧貴族の秘蔵の地・石の陰 · Noblesse Secret Treasury, Stone in Shade — Teyvat Palette */
:root {
  --wall-slate: oklch(0.41 0.056 227); /* 壁石の青 #255062 */
  --vine-green: oklch(0.47 0.074 144); /* 蔦の緑 #406640 */
  --lit-shrub: oklch(0.56 0.112 149); /* 灯る茂み #3e864f */
  --pale-rock: oklch(0.79 0.055 111); /* 白岩 #bbbe96 */
  --arch-dark: oklch(0.34 0.047 232); /* アーチの闇 #1c3c4c */
  --noblesse-crimson: oklch(0.34 0.032 320); /* 貴族の絳 #3f3342 */
  --gradient-noblesse-secret-treasury-location-context: linear-gradient(135deg, oklch(0.79 0.055 111) 0%, oklch(0.56 0.112 149) 15%, oklch(0.47 0.074 144) 34%, oklch(0.41 0.056 227) 60%, oklch(0.34 0.032 320) 80%, oklch(0.34 0.047 232) 100%);
}

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