璃月昼爽朗秋高市声

冒险家协会(璃月)·秋阳

Adventurers' Guild Liyue in Autumn Sun

色卡

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

重构渐变

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

0%41a8e612%ba732d38%5c714a62%525b52100%334d4e

为什么和谐

42.38% 的无彩买下的是「没有主色相」:黄 17.30%、绿 15.89%、蓝 18.70%,三条色带极差只有 2.81 个百分点,全图彩度中位数被压到 0.030。想让几个色相平起平坐,先把灰的配额加到四成——一主两辅要的灰比三分天下少。

三分天下,谁也不是主色

黄 17.30%(均值色相 68°、彩度 0.080)是银杏与受光的木构,绿 15.89%(131°、0.063)是檐瓦、布幌与藤蔓,蓝 18.70%(237°、0.083)是天;三者极差 2.81 个百分点。用同一把尺(彩度 0.025)量,龙脊雪山的无彩是 39.47%,而它的色相是一主两辅——蓝 39.98%、黄 8.35%、青 4.52%。多花 2.91 个百分点的灰,换到的不是更和谐,是三个色相谁也不当主角。

颜色全在上半幅,灰全在下半幅

画面下 38% 的整块均值只有彩度 0.037:前景栈道 L 0.40、彩度 0.032、色相 197°,店面粉壁 L 0.46、彩度 0.018、色相 145°,栏杆 L 0.37、彩度 0.020、色相 106°。三个色相全长在视平线以上,而观众站的那一半地面没有颜色。取景时把无彩面放在近处、把色相放在远处,是让多色相画面站住的最省的排法。

无色的光才留得住灰

天 L 0.70、彩度 0.130、色相 239°,银杏那 38857 个暖像素 L 0.62、彩度 0.122、色相 61°,两者相隔 178° 近乎正对,而它们脚下的木石只有彩度 0.032——因为正午的光本身没有颜色,不往任何一边染。同一个矩形量稻妻那张冒险家协会的前景石板是彩度 0.058、色相 46°,这里是 0.032、197°:光一带上颜色,42.38% 的无彩立刻塌成 8.09%。留白不是画出来的,是光允许的。

带走这组颜色

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

/* 冒险家协会(璃月)·秋阳 · Adventurers' Guild Liyue in Autumn Sun — Teyvat Palette */
:root {
  --clear-sky: oklch(0.7 0.13 239); /* 晴空蓝 #41a8e6 */
  --ginkgo-gold: oklch(0.62 0.122 61); /* 银杏金 #ba732d */
  --glazed-green: oklch(0.52 0.063 131); /* 琉璃绿 #5c714a */
  --plaster-white: oklch(0.46 0.018 145); /* 粉壁白 #525b52 */
  --deck-grey: oklch(0.4 0.032 197); /* 桥板灰 #334d4e */
  --gradient-adventurers-guild-liyue: linear-gradient(180deg, oklch(0.7 0.13 239) 0%, oklch(0.62 0.122 61) 12%, oklch(0.52 0.063 131) 38%, oklch(0.46 0.018 145) 62%, oklch(0.4 0.032 197) 100%);
}

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

色卡