璃月昼開豁爽快豊穣

珉林・雲白

Minlin under Cloud White

色カード

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

再構成グラデーション

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

0%fbffff16%7cbee038%dac1bd62%c1c692100%83d5cf

なぜ調和するのか

広い色域の調停役は、面積をまったく持たなくてもよい。同じ問いへの中間解が〈ガレソンの丘・晴と松の陰〉だ:12.08% を占める松林という実体の帯で、色相 195° が両端のあいだに挟まり、彩度 0.059 と明度 0.49 が三本の帯のなかで揃って最下位——いちばん声を出さない一段こそが調停役になる。珉林は同じ問いの極端解である。三つの色相族をほぼ等分に広げ(緑 22.04%、青碧 22.23%、青 49.06%、合わせて 93.33%、平均彩度も 0.061 / 0.075 / 0.069 とほぼ横並び)、しかし無彩は全画面で 6.25% しかない。ガレソンの丘の 8.83% よりさらに少なく、〈ドラゴンスパイン・秋の雪〉のような 39.47% の灰の地はなおさら敷けない。そこで差し出されたのが最も明るい 4000 画素である:すべて上辺中央の二マスに落ち、明度 1.00、彩度 0.005 と 0.006。一枚の地、一本の帯、一つの点——調停役は面積ゼロまで縮んでよい。画中で唯一、色相の立場を持たないものでありさえすれば。

二マスに収まった一枚の白

最も明るい 4000 画素は二マスしか占めない。(0.4, 0.0) に 2054 個、(0.6, 0.0) に 1946 個、明度はいずれも 1.00 まで振り切れ(全画面の p99 は 0.98)、彩度は 0.006 と 0.005。同じ矩形——(0.36, 0.00) を起点に幅 0.30・高さ 0.10——のなかで最も濃い 3% は、しかし L 0.72 / 彩度 0.103 の青空だ。一つの雲と、それに接する空の彩度が二十倍違う。この白はきわめて小さく、きわめて極端で、一度しか現れない。担っているのは照明ではなく、基準である。

調停役は端に立っていてもよい

緑 127°、青碧 194°、青 232°、隣り合う距離は 67° と 38°。そして無彩は全画面で 6.25% しかなく、ドラゴンスパイン式に三者の中間へ大きな灰を敷く予算が珉林には無い。ガレソンの丘の道も通れない:あちらの調停役は 12.08% を占める実体の帯で、松林の色相 195° が中央に座り、彩度 0.059 と明度 0.49 が三本の帯で揃って最下位、しかもその足元には 8.83% の無彩が敷かれている(以上の五つの数値は〈ガレソンの丘・晴と松の陰〉からの引用)——珉林はその 8.83% すら出せない。そこで唯一の「立場を持たない色」を明度軸の果てへ移し、面積をほぼゼロにした:三族の最も明るい端に共通の行き先ができる——緑帯の平均 L 0.81、青碧帯 0.79、青帯 0.77、すべてがあの 1.00 へ向かって収束する。中性色の仕事は、どの族にも同じ隣人を与えることだ。その隣人は中間でも端でもよく、面積があってもなくてもよい。省けないのはただ一つ、「一つしか無い」ことである。同じ一連の測定で、来歆山はこの白を 0.021 まで、雲来の海は 0.039 までしか下げていない。ゼロに近いほど、それは光そのものに見える。

230 画素の紅楓

画面右手に見えるあの紅楓の群れは四つめの色相族だ。測ってみると、「色相が 330°–60° に入り」かつ「彩度 0.025 に達する」画素は全画面で 230 個、画面の 0.026% しかない。そのうち 177 個が (0.66, 0.20) を起点に幅 0.22・高さ 0.16 の楓林の矩形に入っており、平均彩度 0.029、ピーク 0.041。全画面の暖色のピークですら 0.050 で、族ぜんたいが無彩の閾値を擦って歩いている。〈王山庁・正堂・薄青〉は C p50 0.026 で「一つの色相が認められる条件は、どれだけ濃いかではなく、反論する第二の色相がいるかどうかだ」を示した。珉林はその規則を四つめの族で検算した形になる:三族はすでに場にいるが、三族とも寒色なのだ。新しい色相に贈るいちばん安上がりな贈り物は彩度ではなく、一つの方角を独占させることである。

この配色を持ち帰る

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

/* 珉林・雲白 · Minlin under Cloud White — Teyvat Palette */
:root {
  --cloud-white: oklch(1 0.005 200); /* 雲の白 #fbffff */
  --minlin-sky: oklch(0.77 0.083 232); /* 珉の空青 #7cbee0 */
  --slope-chartreuse: oklch(0.81 0.07 113); /* 草坡の黄緑 #c1c692 */
  --bay-teal: oklch(0.82 0.081 189); /* 湾水の青碧 #83d5cf */
  --pale-maple: oklch(0.83 0.029 28); /* 楓葉の淡紅 #dac1bd */
  --gradient-minlin: linear-gradient(175deg, oklch(1 0.005 200) 0%, oklch(0.77 0.083 232) 16%, oklch(0.83 0.029 28) 38%, oklch(0.81 0.07 113) 62%, oklch(0.82 0.081 189) 100%);
}

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