璃月昼端正市井沈着

明星斎・真昼

Mingxing Jewelry at High Noon

色カード

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

再構成グラデーション

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

0%3b394222%59283646%46623170%8a7d4c100%c6cbb0

なぜ調和するのか

無彩色に骨組みをやらせれば、色は身分だけを担えばよくなる。この絵は画素の 42.7% が灰の閾値以下、彩度の中央値は 0.032 しかなく、明度の骨組みは L 0.83 の石畳が支えている——だから朱の柱とその隣の店内の影は同じ L 0.35 に居ながら、彩度(0.074 対 0.017)だけで分かれていられる。

同じ明度、身分は彩度で分ける

左の立柱は実測 L 0.35・彩度 0.074・色相 4°、店の奥の影は L 0.35・彩度 0.017。明度は完全に同じで、画面をグレースケールに落とせば一つに溶ける——それでも眼は決して見誤らない。一方に色があり、他方に無いからだ。これは逆さの古代都市の一篇と同じ規則の二つの使い方である:あちらは明度の幅が 12 ポイントしか残らず彩度が引き継がされた。こちらは明度の幅が 0.25–0.90 と広いのに、この二面については自ら彩度に委ねている。

灰は色が無いのではなく、場所を譲っている

画素の 42.7% が灰の閾値以下、彩度中央値 0.032——そしてこの灰はほぼすべて石畳と白壁である:最も明るい 4000 画素は平均 L 0.91・彩度 0.017、位置は (0.49, 0.96)、(0.67, 0.95)、つまり画面下縁の地面だ。通りが明度の上限を押さえてくれるので、朱(赤橙帯 17.3%)は目立つために明るさを争わなくてよい。ブランドカラーを静かに際立たせたいなら、まず十分に広く明るい無彩の面を敷くことだ。

二株の楓が唯一の生き物で、彩度も最高

最も飽和した 4000 画素は平均 L 0.70・彩度 0.149・色相 132°、位置は (0.52, 0.56)——門前のあの二鉢の楓である。緑帯の 14.5% を占めるにすぎないのに画面の彩度ピークで、朱の柱の最も鮮やかな部分(L 0.56・彩度 0.145・22°)よりわずかに高い。建築の色は既定の語彙だ:朱、青灰、扁額の金はいずれも様式が決めている。だから画面のなかで唯一自由に育つものに、最高の彩度が配られている。

この配色を持ち帰る

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

/* 明星斎・真昼 · Mingxing Jewelry at High Noon — Teyvat Palette */
:root {
  --eave-shadow: oklch(0.35 0.017 298); /* 軒下の影 #3b3942 */
  --vermilion-post: oklch(0.35 0.074 4); /* 朱の柱 #592836 */
  --potted-maple: oklch(0.46 0.08 133); /* 鉢楓の緑 #466231 */
  --signboard-gold: oklch(0.59 0.069 95); /* 扁額の金 #8a7d4c */
  --flagstone: oklch(0.83 0.037 115); /* 石板の白 #c6cbb0 */
  --gradient-mingxing-jewelry: linear-gradient(350deg, oklch(0.35 0.017 298) 0%, oklch(0.35 0.074 4) 22%, oklch(0.46 0.08 133) 46%, oklch(0.59 0.069 95) 70%, oklch(0.83 0.037 115) 100%);
}

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