稲妻昼晴朗豊茂所帯じみた

長次の家・晴れた昼

Chouji's House in Bright Daylight

色カード

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

再構成グラデーション

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

0%6db8e314%6bbfd434%367c7452%baa67672%959c7f100%42b172

なぜ調和するのか

色相を変えれば、濃さを明度で買わずに済む。この絵の 90°–165° のもっとも濃い 3% は L 0.70 で彩度 0.155、同じ絵の 210°–270° のもっとも濃い 3% は L 0.62 まで落ちてようやく 0.124——緑のほうが 0.08 明るく、しかも 0.031 濃い。だから明度中央値は四枚中二番目に高い(0.68)のに、彩度の上限は昼の三枚で最高(0.195)になる。青紫の濃さは明度と引き換え、緑青はそうではない。配色が濃くなるかは、主色を色相環のどちら側に賭けたかで先に決まっている。

同じ一枚で、緑は青より明るく、しかも濃い

手前の遮るもののない草地は実測 L 0.68・彩度 0.138・色相 155°、ピーク 0.178。90°–165° のうち濃い 3% だけを取り出すと 10,299 画素、L 0.70・彩度 0.155・151°。同じ正午の光の下で、210°–270° の濃い 3% は L 0.62・彩度 0.124 にすぎない。〈神無塚・霞の昼〉の青も、ほぼ同じ明度(L 0.63)で 0.122 しか取れていない——二枚の青は同じだけ高く、この絵だけが安い色相をもう一族持っている。淡い配色に本当に濃い一色を置きたいなら、緑青の側に置くこと。青を鮮やかに調整しようとしても出てこない。

画面唯一の暖色は、人が葺いたものである

屋根の萱を 15°–105° の窓で取ると 5,065 画素、L 0.73・彩度 0.068・色相 88°。全画面の 330°–90° の暖色画素は 22,634 個(2.46%)、平均彩度はわずか 0.051、ピーク 0.101——足元の草地の半分にも届かない。家の背後の、砂岩の褐色に見える大岩は実測 L 0.54・彩度 0.072・色相 185° で、同じ矩形に 330°–90° をかけると nothing matched。同じ組の〈神無塚・霞の昼〉は暖色画素 454 個、〈ヤシオリ島・蒼穹〉は 84 個、〈武器庫・足元の光〉はゼロ。本物の暖色を持つのはこの一枚だけで、しかもそれが成立しているのは濃さゆえではなく、「暖かいのはそれだけ」だからである。

灰がいちばん多い一枚が、天井はいちばん高い

無彩画素 15.36% は四枚中最多(〈神無塚〉4.22%、〈ヤシオリ島〉1.66%、〈武器庫〉0.27%)なのに、彩度の上限 0.195 は昼の三枚で最高。家の前の石段は実測 L 0.68・彩度 0.042・色相 119°——草地と同族で、濃さは三割しか残っていない。それが引き下げたのは明度の床(p01 0.34)であって、どの色の上限でもない。〈ダマヴァンド山・塵幕〉の組は灰が奥行きの何層目に立つかで天井が下がることを測った。この一枚が足すのはその一歩手前の話だ——天井がどの色相のものになるかは、灰を敷く前にすでに決まっている。濃さの上限を見積もるなら、まず主色相が色相環のどちら側にあるかを見て、灰はその後で数えること。

この配色を持ち帰る

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

/* 長次の家・晴れた昼 · Chouji's House in Bright Daylight — Teyvat Palette */
:root {
  --meadow-green: oklch(0.68 0.138 155); /* 草の緑 #42b172 */
  --thatch-straw: oklch(0.73 0.068 88); /* 萱の金 #baa676 */
  --cliff-teal: oklch(0.54 0.072 185); /* 崖の青 #367c74 */
  --sky-blue: oklch(0.75 0.097 235); /* 空の青 #6db8e3 */
  --far-haze: oklch(0.76 0.087 216); /* 遠靄の白 #6bbfd4 */
  --step-stone: oklch(0.68 0.042 119); /* 階石の青 #959c7f */
  --gradient-choujis-house: linear-gradient(180deg, oklch(0.75 0.097 235) 0%, oklch(0.76 0.087 216) 14%, oklch(0.54 0.072 185) 34%, oklch(0.73 0.068 88) 52%, oklch(0.68 0.042 119) 72%, oklch(0.68 0.138 155) 100%);
}

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