ナタ昼高遠明快さわやか

クァワカン断崖・積雲

Quahuacan Cliff under Cumulus

色カード

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

再構成グラデーション

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

0%4a84e426%eefbff44%729ddc62%88935c100%845085

なぜ調和するのか

パレットの両端は空気に住んでいて、物には住んでいない。画面上端の濃い青は実測 L 0.62、彩度 0.158。そこから画面高の三割も下らないうちに、雲心の L 0.98、彩度 0.015 に着く——一枚の空が、画面の明度と彩度の極値を両方とも独り占めしている。いっぽう計測した五か所の赤砂岩は明度が 0.42 から 0.54 まで並ぶのに、彩度はどれも 0.064–0.102 に留まり、端にはひとつも届かない。極値は輪郭のない面に預けてこそ、身元のほうを輪郭のある物に残せる。

一枚の空が二つのチャンネルを走りきる

画面左の一列(x 0.05–0.25)を、上端から下へ四段測る:L 0.68 / 0.72 / 0.77 / 0.87、彩度 0.136 / 0.115 / 0.093 / 0.055、色相 262° / 257° / 251° / 228°。真上にあたる一画はさらに濃く、(0.66, 0.06) から 6% 四方で実測 L 0.62、彩度 0.158。画面で最も鮮やかな 4000 画素は 4000 個すべてがこの青の帯にあり、平均 0.173 である。三つのチャンネルが揃って単調に動き、終点は画面中央のあの積雲だ——最も明るい 4000 画素は (0.52, 0.28) と (0.64, 0.25) にあり、平均 L 0.98、彩度 0.015。これはいくつかの色ではなく、一枚の面である。最も鮮やかな色と最も明るい色を同時に欲しいなら、二枚作らず、十分に長いグラデーションを一本作ること。

五つの岩、明度差 0.12、彩度は追従しない

同じ赤砂岩を明度順に並べる:谷底の陰面 L 0.42 / 304° / 0.074、画面中央やや下の崖体 L 0.45 / 358° / 0.079、右壁の中段 L 0.50 / 28° / 0.064、右上の陽の当たる崖頂 L 0.51 / 326° / 0.102、右下の崖体 L 0.54 / 31° / 0.098。明度は 0.12 の幅に広がるのに、彩度は 0.064–0.102 の間を行き来するだけで、明度とまるで相関しない。左手の熱気球も同じ理屈だ。L 0.54、彩度 0.038——淡いのは陰にいるからではなく、帆布にもともと色がないからである。タラッタ海底谷が測ったのは同じ法則の暗い側だった(水体は深さとともに 0.122→0.087、水草は 0.147→0.143 とほぼ動かない)。媒質の彩度は光からどれだけ遠いかの読み値であり、材質の彩度はそれ自身の身元である。

遠山はすでに空気へ籍を移している

画面中央やや左の遠い嶺(0.33, 0.24 から 7% 四方)は実測 258°、彩度 0.105、L 0.69。真上の空(L 0.77、彩度 0.093)よりわずかに鮮やかだ——そこがいちばん空気が厚く、背後に岩体も控えているからである。そして計測した五か所の手前の岩は、どれも 0.105 には届かない。つまりこの絵の「遠さ」は岩を淡くしたものではなく、岩をまるごと空のグラデーションに預けて値を取らせたものだ。奥行きを描きたいなら、物体自身の色相の上で彩度を引くのではなく、空気の色相に乗り換えさせること。

この配色を持ち帰る

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

/* クァワカン断崖・積雲 · Quahuacan Cliff under Cumulus — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.62 0.158 260); /* 天頂の青 #4a84e4 */
  --cloud-core: oklch(0.98 0.015 218); /* 雲心の白 #eefbff */
  --far-mesa-blue: oklch(0.69 0.105 258); /* 遠嶺の青 #729ddc */
  --cliff-ochre: oklch(0.51 0.102 326); /* 崖の赭 #845085 */
  --terrace-green: oklch(0.64 0.078 118); /* 台地の草緑 #88935c */
  --balloon-drab: oklch(0.54 0.038 320); /* 気球の褐 #79687d */
  --gradient-quahuacan-cliff: linear-gradient(180deg, oklch(0.62 0.158 260) 0%, oklch(0.98 0.015 218) 26%, oklch(0.69 0.105 258) 44%, oklch(0.64 0.078 118) 62%, oklch(0.51 0.102 326) 100%);
}

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