枫丹幽闭森严沉滞

「公爵」办公室·绿沉

The Duke's Office in Green Gloom

色卡

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

重构渐变

从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。

0%14180c16%1c1e1130%2a240c52%af843368%7b401d100%5c6232

为什么和谐

有色的光不是给材质加一层滤镜,它把和自己对立的一族拖过灰、拖到自己这边:鎏金 103°、砌石 115°、青釉 123°、书架上的绯红漆 96° 与 101°——设定里毫不相干的五处材质全落进 27° 里,而 300°–360° 这个 60° 宽的窗口整幅画只剩 44 个像素。色相普查读的是光照,不是材质清单。

五种材质,一个色相

中央那枚鎏金兽首徽实测色相 103°,四围砌石 115°,墙顶那圈青釉带 123°,而书架顶上左右两块绯红三角板是 96° 和 101°——鎏金、灰石、青釉、绯红漆四种在设定上互相矛盾的颜色,挤在 96°–123° 的 27° 里,和全图最大的那条绿带(43.06%、色相 112°、明度 0.29)是同一族。没有一种材质能同时是这四样东西,所以这个色相不属于任何一样材质,它属于光。

拖多远,由受光量决定

同样是绯红的布与漆:椅背那块红天鹅绒被中央的光直接照到,明度 0.44,只被拖到 49°,还留在暖侧;书架顶上那两块绯红三角板明度只有 0.26,被拖过了灰,落进光自己的绿带。全图 300°–360° 只剩 44 个像素、平均明度 0.07——满屋子的红,一个红像素都没有。想让一块颜色在有色的光下还认得出来,别加它的彩度,加它的受光。

连人漆上去的色相也保不住

〈沙虫隧道·沙照〉量过同一件事的另一半:那里 `165°–345°` 一个像素都没有,同一种砂岩的色相单调走 47°。但那幅画从头到尾只有砂岩一种材质,「环境色属于光」是省下来的,不是争来的;这里的鎏金、青釉与绯红漆都是人特意刷上去的身份色,摆在同一束光下,一样被收进 27°。做场景时给道具刷什么颜色并不由你决定——要保住一件道具的身份,给它一盏自己的光,别给它更艳的漆。

带走这组颜色

CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。

/* 「公爵」办公室·绿沉 · The Duke's Office in Green Gloom — Teyvat Palette */
:root {
  --gilt-glow: oklch(0.64 0.11 80); /* 鎏金 #af8433 */
  --ember-red: oklch(0.44 0.095 49); /* 烬红 #7b401d */
  --desk-green: oklch(0.48 0.07 115); /* 案绿 #5c6232 */
  --faded-crimson: oklch(0.26 0.039 96); /* 褪绯 #2a240c */
  --moss-brick: oklch(0.23 0.024 115); /* 苔砖 #1c1e11 */
  --glazed-teal: oklch(0.2 0.023 123); /* 釉青 #14180c */
  --gradient-the-dukes-office: linear-gradient(180deg, oklch(0.2 0.023 123) 0%, oklch(0.23 0.024 115) 16%, oklch(0.26 0.039 96) 30%, oklch(0.64 0.11 80) 52%, oklch(0.44 0.095 49) 68%, oklch(0.48 0.07 115) 100%);
}

1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。

色卡