璃月昼淡白からりと明るい素朴

連芳茶菓子・淡い晴れ

Lianfang Dim Sum under a Pale Sun

色カード

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

再構成グラデーション

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

0%b2b7a620%5c8b7e40%44596255%514d4168%5d314e82%995338100%949884

なぜ調和するのか

「彩度は変わるものに全部渡す」には前提がある——その変わるものが光の中に立っていなければならない。この通りで唯一の植物は右端に一角だけ覗く紅葉の木で、それが日陰にいる(L 0.38 / 彩度 0.075 / 341°、ピーク 0.136)。だから全画の天井 0.140 は台の上の陶壺に拾われた——同じ組で光を受けた植物のある璃月の昼二枚は 0.216 と 0.184 であり、そちらの人工の朱は最高でも 0.107 にしか届かない。街並みの彩度の上限を上げたいなら、建物の彩度を上げても無駄だ(上がらない)。その木を日向へ動かすこと。

灰では一段も並べられない

同じ組の璃月の昼三枚は、明度中央値が 0.58 / 0.62 / 0.58 と 0.04 しか違わないのに、無彩は 17.14% / 33.03% / 62.42% と 3.6 倍も開く。そして彩度の天井は 0.216 / 0.140 / 0.184——灰が最も多い一枚は最も少ない一枚より低く、灰が真ん中のこの一枚が最も低い。この列は灰でどう並べても単調にならない。この絵自身の 33.03% も何も説明しない:彩度中央値は 0.032、そして 90°–165° のあの 33.24% は一面の緑のように聞こえて、実測の平均彩度は 0.034 しかない——それは淡い青灰の敷石と白壁であって、植物ではない。

建てられたものは 0.02 から 0.03 に収まる

同じ一つの日射しの下で、この通りの大きな面はどれも同じ一段の彩度に閉じ込められている:前庭の敷石 (0.35, 0.68) は L 0.67 / 彩度 0.029 / 115°、左の白漆喰 (0.02, 0.16) は L 0.77 / 0.024 / 119°、店構えの格子窓と梁柱 (0.30, 0.40) は L 0.42 / 0.020 / 91°——木部は 0.025 の無彩線の下に沈む。右手の引っ込んだ軒下 (0.75, 0.28) は L 0.45 / 0.029 / 226°。看板として道の真ん中に立てられた、人の背丈より高い青緑の幟でさえ L 0.60 / 彩度 0.056 / 175° にすぎない。〈九略茶館・昼の光〉はこれを一つの規則にしている:建てられたものには一切色を付けず、彩度は変わるものに全部渡す。

その変わるものが光の中に立っていること

この絵の問題は、その「変わるもの」が日陰に置かれていることだ:画面右端に一角だけ覗く紅葉の木、4,437 画素の矩形の実測は L 0.38 / 彩度 0.075 / 341°、ピーク 0.136。こうして 0.140 の天井は建てられたものの側へ落ちる——台の上の陶壺、最も鮮やかな 3% が L 0.52 / 彩度 0.101 / 42°、そして全画の 330°–60° の暖色は合計 24,643 画素(2.67%)しかない。同じ組と比べよう:〈春茶々房・翠の昼〉の画面左、光を受けた茶畑の斜面は最も鮮やかな 3% が 0.161(L 0.72)、〈剣鞘鏢局・日晒しの昼〉の右上、屋根越しに日を浴びる木は 0.162(L 0.74)。場面の配色では上限は調整するものではなく配置するものだ:あの木が日陰へ退いた瞬間、絵全体の上限は建てられたものの高さまで落ちる。

この配色を持ち帰る

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

/* 連芳茶菓子・淡い晴れ · Lianfang Dim Sum under a Pale Sun — Teyvat Palette */
:root {
  --banner-teal: oklch(0.6 0.056 175); /* 幟の青 #5c8b7e */
  --whitewash: oklch(0.77 0.024 119); /* 白漆喰 #b2b7a6 */
  --courtyard-flagstone: oklch(0.67 0.029 115); /* 前庭の石 #949884 */
  --shopfront-wood: oklch(0.42 0.02 91); /* 店構えの木 #514d41 */
  --clay-pot: oklch(0.52 0.101 42); /* 陶壺の橙 #995338 */
  --eave-shadow: oklch(0.45 0.029 226); /* 軒陰の青 #445962 */
  --edge-maple: oklch(0.38 0.075 341); /* 画端の紅 #5d314e */
  --gradient-lianfang-dim-sum: linear-gradient(180deg, oklch(0.77 0.024 119) 0%, oklch(0.6 0.056 175) 20%, oklch(0.45 0.029 226) 40%, oklch(0.42 0.02 91) 55%, oklch(0.38 0.075 341) 68%, oklch(0.52 0.101 42) 82%, oklch(0.67 0.029 115) 100%);
}

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