稻妻昏温柔静谧怅然

浅濑神社·暮星

Asase Shrine under the First Stars

色卡

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

重构渐变

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

0%9d799430%ab7d8b52%8658a182%4b6e47100%755e4b

为什么和谐

互补对撞要安静,不必两边一起降彩度:这幅画和未名的剑冢跨得一样宽(都是 174°),中间却是断的,于是必须交彩度——交的只有占 53.95% 的暮天(0.050–0.060),占 15.50% 的草坡照旧 0.072,樱冠和社灯照旧 0.122 与 0.123。彩度的税基是面积。

交彩度的只有天

紫 10.00%、粉 21.53%、红 22.42%,加起来 53.95% 的暮天,彩度分别是 0.050、0.053、0.060;而只占 15.50% 的绿是 0.072。全图彩度中位数 0.052 是被天空拉下去的平均数,不是草坡也退了——画面上这件事很直白:天是洗淡的玫瑰灰,天底下那片草却是实打实的绿。主色与强调色互补、又都得占面积时,只把大的那块调淡,小的那块一格别动。

一样宽的跨度,断掉的中间

两幅画的两极隔得一样远:剑冢是黄 69° 到蓝 255°,这里是绿 142° 到粉 328°,都是 174°。差别全在中间——剑冢四条色带首尾相接,最细的一环也有 12.65%;这里从绿走到粉,两条路的瓶颈分别是黄 3.47% 和蓝 1.01%。没有中间色接力,跨度的代价就得从别处出:彩度中位数 0.052 对 0.072,p99 是 0.108 对 0.132。贵的从来不是跨度本身,是断口。

小面积一律不缴税

除了草坡,画面里保住彩度的全是小东西:神社上方那顶樱冠,最饱和的一簇 570 个像素落在 (0.51, 0.42),实测 312°、彩度 0.122;神社门前那盏蓝灯取最饱和的 3%,实测 266°、彩度 0.123,而整条蓝带只占 1.01%。两者都是暮天 0.053 的两倍以上,却因为面积小而不吵。同一个 0.12,铺满半张画是喧哗,落在一顶树冠和一盏灯上就是重音——要降彩度,先问要降的那块有多大。

带走这组颜色

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

/* 浅濑神社·暮星 · Asase Shrine under the First Stars — Teyvat Palette */
:root {
  --dusk-rose: oklch(0.62 0.058 336); /* 宵天粉 #9d7994 */
  --afterglow-red: oklch(0.64 0.06 359); /* 余烧红 #ab7d8b */
  --sakura-violet: oklch(0.54 0.122 312); /* 樱冠紫 #8658a1 */
  --shrine-lamp-blue: oklch(0.56 0.123 266); /* 社灯蓝 #5271bc */
  --meadow-green: oklch(0.5 0.072 142); /* 草坡绿 #4b6e47 */
  --ledge-ochre: oklch(0.5 0.042 61); /* 岩脊土黄 #755e4b */
  --gradient-asase-shrine: linear-gradient(180deg, oklch(0.62 0.058 336) 0%, oklch(0.64 0.06 359) 30%, oklch(0.54 0.122 312) 52%, oklch(0.5 0.072 142) 82%, oklch(0.5 0.042 61) 100%);
}

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

色卡