Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
ドムス・アウレア・素の金
フォンテーヌ荘重素の輝き広壮

ドムス・アウレア・素の金

Domus Aurea, Gold Made of Light

色カード

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

再構成グラデーション

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

0%70595f15%6a7dcd32%b69c8345%d8c29062%7e707384%647690100%cecbbc

なぜ調和するのか

「金」は調合するものではなく、並べるものだ。この黄金と名のついた大宮で、最も彩度の高い 4000 画素は 4000/4000 が青と紫であり、金は一つも入っていない——金属の面は全体で 235,968 画素(26.80%)あるのに彩度の上限が 0.085 しかなく、画面全体の彩度 p99 の 0.113 すら下回っている。つまりこの絵には、いちばん金らしい金の画素より濃い画素が一パーセント以上あるということだ。金の身元は、三本の色相帯が積み上げる一本の明度の坂に書かれている:紅が 5.38% で平均 L 0.49、橙が 8.42% で L 0.54、黄が 13.00% で L 0.70、その間に彩度は 0.031 から 0.047 へ上がるだけ。ある面を金属として読ませたいなら、予算はすべて明暗の層の密度に注ぎ込むこと。彩度は、その隣で光を通しているほうの窓に渡せばいい。

01

金は三本の色相帯が重なった一本の坂

紅 345°–15° は 5.38% で平均 L 0.49、橙 15°–45° は 8.42% で L 0.54、黄 45°–90° は 13.00% で L 0.70——明度は 0.21 も登るのに、彩度は 0.031 から 0.038、そして 0.047 へ動くだけだ。この三本は三種類の物ではなく、同じ一本の金柱の暗い溝、側面、受光する稜である。柱身だけを測ると暖色 12,123 画素の平均が L 0.71 / 彩度 0.046、そしてその中で最も濃い 3%(442 画素)は L 0.82 / 0.070——ハイライトは明度のほうへ登り、彩度のほうへはほとんど出ない。金属を描くならまず明暗の層をどれだけ細かく刻むかを決めること。彩度のつまみを回しに行ってはいけない。

02

平均では材質は分かれない、天井は 2.2 倍違う

暖色側 345°–90° の 235,968 画素は平均彩度 0.041、寒色側 240°–315° の 301,397 画素は平均 0.050——差はわずか 0.009 で、平均彩度で並べた色板なら金柱とステンドグラスは同じ一段に置かれてしまう。ところが天井は 0.085 対 0.185、2.2 倍も違う。最も彩度の高い 4000 画素のうち 2,047 画素が 270°–300°、1,953 画素が 240°–270° にあり、合わせて 4000/4000。金は一つも割り込めていない。ある材質が画面でどれだけ重いかを報告するなら、その最も濃いひとかたまりがどこまで届くかを報告すること。平均値は「この部屋の物はどれも淡い」としか教えてくれない。

03

反射は上へ、透過は外へ

中央の高窓で最も濃い 3%(388 画素)は L 0.60 / 彩度 0.124 / 色相 271°、最大 0.128。その真向かいで同じように光を受けている金柱の最も濃い 3% は L 0.82 / 0.070 だ。〈沈玉の谷・上谷・逆光〉がすでに測っている——反射は色を白のほうへ洗い、透過は光の明度に材質自身の色相を掛ける。この一枚はそれを画面全体の尺度まで押し上げる:画面の 26.80% を占める反射材質が、彩度の国勢調査で一票も投じられないのだ。三つ目の材質はもっと徹底している:中軸の石像は馬体が L 0.56 / 0.018、台座が L 0.65 / 0.011。そして最も明るい 4000 画素のうち 1,364 画素は、その足元の床で L 0.94 / 0.007 である。材質を選ぶとは通路を選ぶことだ。金属として読ませたいなら明度を、光として読ませたいなら彩度を、石として読ませたいならどちらも与えないこと。

この配色を持ち帰る

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

/* ドムス・アウレア・素の金 · Domus Aurea, Gold Made of Light — Teyvat Palette */
:root {
  --bronze-groove: oklch(0.49 0.031 2); /* 銅溝の紅 #70595f */
  --window-core: oklch(0.61 0.124 272); /* 窓芯の藍 #6a7dcd */
  --column-gold: oklch(0.71 0.046 67); /* 柱身の金 #b69c83 */
  --ridge-gold: oklch(0.82 0.07 86); /* 稜の金 #d8c290 */
  --stone-rider: oklch(0.56 0.018 7); /* 石の騎士 #7e7073 */
  --floor-inlay: oklch(0.56 0.047 258); /* 床紋の藍 #647690 */
  --light-pool: oklch(0.84 0.02 96); /* 光溜まりの白 #cecbbc */
  --gradient-domus-aurea: linear-gradient(180deg, oklch(0.49 0.031 2) 0%, oklch(0.61 0.124 272) 15%, oklch(0.71 0.046 67) 32%, oklch(0.82 0.07 86) 45%, oklch(0.56 0.018 7) 62%, oklch(0.56 0.047 258) 84%, oklch(0.84 0.02 96) 100%);
}

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