モンド昼淡白幾重幽寂

明冠山地・淡い昼

Brightcrown Mountains in Plain Daylight

色カード

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

再構成グラデーション

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

0%9cdbfa28%6daece55%467c9578%609b9a100%79b39f

なぜ調和するのか

額縁は明るくして作ることもできる。四辺の明度 0.87 / 0.71 / 0.71 / 0.65 は一つの例外もなく中央の 0.61 より明るい側に立ち、同じ四辺の彩度 0.075 / 0.066 / 0.063 / 0.074 は中央の 0.066 を真ん中に挟んでいる——四辺が同じ一本の軸でそろって中央から離れて、はじめて額縁になる。中央をまたいで両側に散る軸は、ただの地形の起伏でしかない。

四辺がそろって明るい側に立つ

上端 L 0.87、下端 0.71、右端 0.71、左端 0.65。中央の 0.3×0.3 は 0.61——最小の一つでも 0.04 高く、最大は 0.26 高い。四隅の 0.88 / 0.85 / 0.74 / 0.64 も一つ残らず明るい側にある。よくあるヴィネットは四辺を暗く落として視線を中央へ押し込むが、この絵は逆をやっていて、それでも額縁として読める。四辺が中央のどちら側に落ちるかは重要ではない。四辺が同じ側に落ちることが重要なのだ。

彩度は中央をまたぐ、だから額縁ではない

四辺の彩度は 0.075 / 0.066 / 0.063 / 0.074、中央は 0.066——二つが上、一つが同値、一つが下。横に十本へ切って測ると彩度は 0.057–0.082 の間を 0.025 揺れるだけなのに、明度は 0.86 から 0.56 まで落ちて 0.72 まで戻る。色相はさらに選択肢がない。全画で 345°–45° に落ちる画素は合わせて 2 個、赤と橙の二帯は空で、残るのは青 60.58% / 緑 18.45% / 青緑 10.30% の隣り合う三段だけ。三本の軸のうち二本が脱落し、額縁は明度でしか描けない。〈蒼風の高地・青天〉はその鏡像だ——あちらでは明度が中央をまたぎ(四辺 0.69 / 0.59 / 0.72 / 0.61 に対し 0.70)、額縁を描いているのは彩度である。

上端は空気、下端は水

画面は下から上へ六、七段の台地を積み上げていて、一段ごとに草の面と岩壁が一枚ずつ。中段の岩壁の陰面がすべてここに集まり、実測 L 0.56。上端の明るさは遠山の上の大気の霞帯から来ていて(L 0.87、色相 229°)、下端の明るさは石橋に割られたあの碧水(L 0.75、色相 167°)とその浅瀬(L 0.69、彩度 0.046)から来ている。ひとひらの空気とひとつの淵は、この絵の中で何の関係もないのに、明度の同じ側に落ちているというだけで一つの額縁を組み上げている。額縁に同じ材質をそろえる必要はない。同じ一本の軸で、同じ側の数字を出しさえすればよい。

この配色を持ち帰る

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

/* 明冠山地・淡い昼 · Brightcrown Mountains in Plain Daylight — Teyvat Palette */
:root {
  --haze-vault: oklch(0.87 0.074 229); /* 霞天の白 #a1defb */
  --far-ridge: oklch(0.81 0.086 234); /* 遠嶺の青 #88cbf0 */
  --mesa-green: oklch(0.77 0.078 143); /* 台地の緑 #97c294 */
  --cliff-shadow: oklch(0.56 0.061 231); /* 崖影の青 #4e7b92 */
  --pool-teal: oklch(0.75 0.059 167); /* 淵の青 #8abaa6 */
  --pale-shore: oklch(0.69 0.046 171); /* 浅瀬の青 #7fa597 */
  --gradient-brightcrown-mountains: linear-gradient(180deg, oklch(0.86 0.077 229) 0%, oklch(0.72 0.081 230) 28%, oklch(0.56 0.069 229) 55%, oklch(0.65 0.062 194) 78%, oklch(0.72 0.067 171) 100%);
}

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