スメール昼幽玄温潤庇護

ジンニー牢獄・穹の照り

Liloupar's Cell under the Skylight

色カード

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

再構成グラデーション

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

0%f1efe020%60a47342%44563f60%1d453e82%272819100%151713

なぜ調和するのか

色を持たない一束の光では、絵の色は照らされたもの自身が足している:ジンニー牢獄の天窓の芯 3,311 画素は実測 L 0.99 / 彩度 0.007。それが同じ一枚のなかで三つの色相を育てる——受光した樹冠 152° / 彩度 0.101、膝丈の地霧 181° / 0.047、下縁の草原 109° / 0.025。そして光の届かない洞壁 64,512 画素は L 0.20 / 彩度 0.007 に留まり、光そのものと同じ読みになる。だから暗い場の配色を組むとき、色相の一覧は光源からではなく「それを遮るものが何件あるか」から書き起こすべきだ:光に色をつければどの面も同じ一族に染まるだけで、違うものを何件か置いて遮らせて初めて、何族かが手に入る。

入ってくるとき 0.007、届かない場所も 0.007

天窓の芯 3,311 画素は L 0.99 / 彩度 0.007、最も明るい 4000 画素のうち 3,803 個は L 1.00 / 彩度 0.004。一方、左の洞壁 64,512 画素は L 0.20 / 彩度 0.007、右の洞壁 58,212 画素は L 0.20 / 0.012。彩度ゼロの光と、その光が一生届かない黒とが、彩度という軸の上では同じ数字になる——あいだにある色はすべて材質が光から取り立てたもので、一つとして光が持ち込んだものではない。一枚の絵の色が誰のものかを判断したいなら、光源そのものを測っても意味がない。入ってくるときの彩度と、届かない場所の彩度、この二つが一致すれば、その絵の色相表は材質が書いている。

三つのものが同じ一束を遮り、三つの色相を出す

受光した樹冠 L 0.66 / 彩度 0.101 / 152°、Cmax 0.157;膝丈の地霧 L 0.36 / 0.047 / 181°;下縁の草原 L 0.27 / 0.025 / 109°——色相は 72° に広がり、彩度は 4 倍の開き、それでいて光は一束しかない。〈秤罪主殿・焔明かり〉と比べてみる:あちらは光そのものに色があるので、面積の 66.79% が 210°–315° の一族に染め上げられ、床一面ですら火のあの暖色の淡い版(彩度 0.032)でしかない。光に色があれば絵はおおむね一族、光に色がなければ絵が何族になるかは材質が決める。色相の豊かな暗い場が欲しいなら、灯りの色を調整するのではなく、その光が道中で何にぶつかるかを配置すること。

53.76% の黒は、天井の税を一銭も払っていない

無彩は 53.76% を占め、彩度の中央値は 0.023 まで押し下げられている(この四枚で最低)。それでも天井は 0.161 のまま——無彩 8.37% の〈雨の果て・翠の陰〉0.156、9.37% の〈秤罪主殿・焔明かり〉0.164 と並べて三枚の極差はわずか 0.008、灰のほうは 6.4 倍も動いている。〈W 群・天井は定数〉はナタで 35 倍の無彩幅にわたって 0.011 を測っており、ここでは無彩の上限をあの一群の 41.61% から 53.76% まで押し広げても結論は変わらない(両群の天井は同じ段ではない——あちらは 0.199–0.210、ここは 0.156–0.164。定数は群の内側の話で、全体の話ではない)。肝心なのはこの灰が何かだ:洞壁 L 0.20 / 彩度 0.007 に対し樹冠 L 0.62 / 0.087、明度と彩度が一緒に落ちている。R 群の判定基準でいえば空気ではなく光の当たらない材質であり、この種の灰は課税されない。大面積の黒を敷くなら、それが暗いのは照らされていないからであって、霧が一枚挟まっているからではないと先に確かめること。

この配色を持ち帰る

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

/* ジンニー牢獄・穹の照り · Liloupar's Cell under the Skylight — Teyvat Palette */
:root {
  --skylight: oklch(0.95 0.02 103); /* 穹隙の白 #f1efe0 */
  --lit-canopy: oklch(0.66 0.101 152); /* 受光の樹冠 #60a473 */
  --trunk-shade: oklch(0.43 0.043 138); /* 幹影の緑 #44563f */
  --knee-mist: oklch(0.36 0.047 181); /* 膝丈の霧 #1d453e */
  --plain-olive: oklch(0.27 0.025 109); /* 野の橄欖 #272819 */
  --cavern-black: oklch(0.2 0.007 121); /* 洞壁の黒 #151713 */
  --gradient-liloupars-cell: linear-gradient(180deg, oklch(0.95 0.02 103) 0%, oklch(0.66 0.101 152) 20%, oklch(0.43 0.043 138) 42%, oklch(0.36 0.047 181) 60%, oklch(0.27 0.025 109) 82%, oklch(0.2 0.007 121) 100%);
}

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