枫丹庄重素辉宏阔

黄金的大宫·素金

Domus Aurea, Gold Made of Light

色卡

点击色块复制 HEX;悬停查看 OKLCH 值。

重构渐变

从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 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。想让一块面读作金属,把预算全花在明暗层的密度上;彩度留给旁边那扇让光穿过去的窗。

金是三条色相带叠成的一道坡

红 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——高光往明度上走,几乎不往彩度上走。画金属先决定明暗层要切多密,别去拧它的饱和度。

均值分不开材质,天花板差 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,金一个都没挤进去。要报一种材质在画里的份量,报它最艳那一撮能到多高,别报它的平均值——平均值只会告诉你这屋里的东西一样淡。

反射往上走,透射往外走

中央那扇高窗最浓的 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,原图、色卡与色值都在里面——存下来直接发。

色卡