蒙德昼明净葱郁静穆

未名的剑冢·丽日

Forgotten Sword Cemetery in Fair Daylight

色卡

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

重构渐变

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

0%4469a122%9b776845%a98e5970%607f4a100%4c9ea4

为什么和谐

跨 174° 而不散架,靠的不是一块中性底:黄 25.54%、绿 31.46%、青 12.65%、蓝 21.24% 首尾相接地铺满 45°–270° 这段弧,而全图无彩只有 6.79%——把跨度铺成一条不断的坡,最细的一环也留够一成面积,两端再远也读成同一个地方。

那块灰岩不是灰

左右两壁看上去是灰石头,实测左崖 77°、彩度 0.052,右崖 42°、彩度 0.051——它不是中性底,它本身就是黄带 25.54% 的主要来源。全图无彩(C<0.025)只有 6.79%,而同一把尺下龙脊雪山是 39.47%:那篇是靠一大块不说话的灰把三个色相隔开,这幅画连一块可用的灰都没有。让远隔的颜色共处,除了给它们一块沉默的地,还可以让它们中间的每一档都开口。

最细的一环也有 12.65%

四条带的面积是 31.46%、25.54%、21.24%、12.65%,没有一条压过三分之一;彩度是 0.086、0.058、0.082、0.069,最高不到最低的一倍半。桓那兰那给「不用灰的和谐」开的两个条件——色相收进相邻两族、彩度分出一倍的主从——这里一个都不满足,灰也同样几乎没有(6.79% 对 1.43%),换来支撑的是坡上不缺档。浅濑神社的跨度和这里一样是 174°,中间却只剩 3.47% 和 1.01% 两条细缝,它的彩度中位数因此是 0.052,而这里是 0.072。想在一个界面里同时用四个色相,先别急着加灰,先看看中间那两档是不是被你省掉了。

唯一越界的红刻在树干上

彩度最高的 4000 个像素里有 1544 个落在 0°–60°,聚在 (0.55, 0.13) 与 (0.54, 0.17)——就是那道横过交叉枯木的红色刻痕;取那一块最饱和的 3%,实测 31°、彩度 0.211,峰值 0.230,是全图第二高一档(绿的 0.161)的 1.4 倍,而红与橙两条带加起来只占 1.07% 的面积。注意它落在哪:坡的暖端止于 45°,这一笔是坡再往外跨出的一格,不是从对面借来的。已经把坡铺满的画面,点缀色从坡的下一格取,比去对面找更稳。

带走这组颜色

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

/* 未名的剑冢·丽日 · Forgotten Sword Cemetery in Fair Daylight — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.52 0.098 258); /* 天顶蓝 #4469a1 */
  --sword-pool-teal: oklch(0.65 0.08 202); /* 剑池青 #4c9ea4 */
  --meadow-green: oklch(0.56 0.086 133); /* 草坡绿 #607f4a */
  --trunk-moss: oklch(0.66 0.078 84); /* 枯木苔 #a98e59 */
  --cliff-ochre: oklch(0.6 0.051 42); /* 崖壁土黄 #9b7768 */
  --rune-vermilion: oklch(0.62 0.211 31); /* 符文赤 #ea3f28 */
  --gradient-forgotten-sword-cemetery: linear-gradient(180deg, oklch(0.52 0.098 258) 0%, oklch(0.6 0.051 42) 22%, oklch(0.66 0.078 84) 45%, oklch(0.56 0.086 133) 70%, oklch(0.65 0.08 202) 100%);
}

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

色卡