
Domus Aurea, Gold Made of Light
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
「金」は調合するものではなく、並べるものだ。この黄金と名のついた大宮で、最も彩度の高い 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 へ上がるだけ。ある面を金属として読ませたいなら、予算はすべて明暗の層の密度に注ぎ込むこと。彩度は、その隣で光を通しているほうの窓に渡せばいい。
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。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。