フォンテーヌ昼沈静峻厳孤高

リフィー地区・蒼き昼

Liffey Region in Deep Blue Daylight

色カード

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

再構成グラデーション

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

0%62b5fd14%ccf3fc34%a4e6ff56%4da3e374%5ea4d2100%42a7eb

なぜ調和するのか

彩度の中央値を上げすぎると、天井はただで捨てられる。リフィー地区は 92.90% が青、彩度の中央値は 0.121 でブロー地区の 0.093 より三割高いが、その p99 は 0.160 しかなく、三つのフォンテーヌ地区で最も低い——最も濃い海面 0.136 は自分の中央値より 0.015 高いだけで、ブロー地区のあの天頂は 0.070 高い。五倍近い差だ。焦点が買えなくなれば、明度へ掛け替えるしかない:全画面で最も明るい 4000 画素は L 0.99 / 彩度 0.009、三枚のうちここだけが本当の無彩の白である。

一面の草地に、緑の画素が一つも無い

中腹の、草地に見えるあの斜面。それが収まる矩形で 90°–165° の緑を探しても、一画素も一致しない。全体は実測色相 234° / 彩度 0.103、最も緑に見える一区画まで絞っても 239° / 0.098 で、頭上の空 247°、右下の海 242° と同族である。全画面の緑帯はわずか 0.07%、青碧帯は 4.33%。これが中央値 0.121 の出どころだ——画面のために彩度を節約するはずの植生ですら、彩度がすでに中央値と同じ段にいる。低い位置に留まっている大面積が、どこにも無い。

淡い面は一つの隅にしか無い

全画面で彩度 0.05 を下回る大きな面は、右上隅のあのひとかたまりの雲だけ——L 0.94 / 彩度 0.042。その下の遠い海と霧は L 0.89 / 0.075。ブロー地区は同じ仕事を 10.21% の青碧帯でやっており、岸線を端から端まで敷き詰め、雲そのものも 0.072 でしかない。淡い面は面積で買うものだ。リフィー地区は隅を一つ買っただけなので、残りの濃度はすべて自前で背負う:前景のあの岩礁は L 0.62 / 彩度 0.124、主峰の逆光の岩肌は 0.69 / 0.126、海面は 0.70 / 0.136——最も近い層から最も遠い層まで、三つの大面のどれ一つ 0.12 を割らない。

彩度を使い切れば、明度が引き継ぐ

焦点が買えなくなった画面は、通路を替える:リフィー地区の明度 p99 は 0.99 に届き、最も明るい 4000 画素の彩度はわずか 0.009——ブロー地区の同じ段は 0.026、モルテ地区は 0.029 で、本当の無彩の白はここだけだ。無彩画素は 2.66%、ブロー地区の 1.14% の二倍以上でもある。〈逆さの古代都市・かすかな光〉はその鏡像で、あちらは明度が 12 ポイントに押し込められ、0.183 の炭火に喋らせるほかなかった。二つの通路のどちらかには必ず余りを残しておくこと——手を動かす前に、自分がもう使い切ったのはどちらかを見ること。

この配色を持ち帰る

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

/* リフィー地区・蒼き昼 · Liffey Region in Deep Blue Daylight — Teyvat Palette */
:root {
  --high-sky: oklch(0.75 0.132 247); /* 高天の青 #62b5fd */
  --corner-cloud: oklch(0.94 0.042 212); /* 隅の雲の白 #ccf3fc */
  --far-shore-haze: oklch(0.89 0.075 223); /* 遠岸の霞 #a4e6ff */
  --ridge-shadow: oklch(0.69 0.126 244); /* 峰影の青 #4da3e3 */
  --slope-blue: oklch(0.69 0.098 239); /* 斜面の草の青 #5ea4d2 */
  --sea-blue: oklch(0.7 0.136 242); /* 海面の青 #42a7eb */
  --gradient-liffey-region: linear-gradient(160deg, oklch(0.75 0.132 247) 0%, oklch(0.94 0.042 212) 14%, oklch(0.89 0.075 223) 34%, oklch(0.69 0.126 244) 56%, oklch(0.69 0.098 239) 74%, oklch(0.7 0.136 242) 100%);
}

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