Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
伊黎耶林区·暮青
枫丹昏幽谧暮寒独明

伊黎耶林区·暮青

Erinnyes Forest at Blue Dusk

色卡

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

重构渐变

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

0%3a688a20%28556e42%b3bf8256%91c48b76%4e8750100%1b5134

为什么和谐

天空可以一个极值都不占:这片天实测 L 0.50、彩度 0.075,只比全图的明度中位数 0.47 高 0.03、比彩度中位数 0.064 高 0.011,两头都够不着。于是最亮的 4000 个像素里 2679 个落在谷心那株垂柳身上,最艳的 3978 个落在中景林地。天一让开,画里随便哪样东西站上明度的天花板就成了光——而一旦它是光,它是什么色相就不必再讨论:那株读作「金柳」的树实测 117°。

01

天什么都没拿

上缘正中那条天(x 0.30–0.70、y 0.02–0.14)实测 L 0.50 / 彩度 0.075 / 242°,左上那条 L 0.48 / 0.073 / 236°;全图明度中位数 0.47、彩度中位数 0.064、彩度 p99 0.091。最亮的 4000 个像素分在四格上——重心 (0.63, 0.37)、(0.58, 0.51)、(0.59, 0.37)、(0.63, 0.41),合计 2679 个,全在那株垂柳身上;最艳的 4000 个有 3978 个落在 120°–180°,重心 (0.38, 0.67) 与 (0.41, 0.66),是中景左侧那片林地草坡。〈万种母树·旱晴〉是它的正面反例:那张的晴空既是光源又是全图最艳的面,最艳的 4000 个像素 4000/4000 归天。同一件东西挂在同一个位置,拿或不拿这两个极值,画面的光就换一个主人。

02

柳用彩度换明度

柳冠那块矩形里最艳的 3%(580 个像素)是 L 0.78 / 彩度 0.082 / 117°,而中景林地的绿是 L 0.57 / 彩度 0.103 / 145°。柳比林地亮 0.21,却比林地淡 0.021——它花的全是明度,而这幅画恰好把明度的余量留着没动:全图 L p99 只有 0.69,柳冠那 580 个像素的均值比这条线还高 0.09。想让一样东西成为光,先别急着给它加饱和度,去看你的画还剩多少明度没花出去。

03

金是 117°,而暖色只有 88 个像素

对全图做 330°–90° 的暖色搜索,匹配到 88 个像素、占 0.010%,均值彩度 0.052;45°–90° 的真黄只剩 14 个,彩度 0.030,刚过无彩线。右上角那片看着像晚霞的云实测 L 0.59 / 彩度 0.052 / 238°,在同一矩形里做 330°–90° 搜索返回 nothing matched。〈埃尔顿海沟·幽昼〉量过同一种错觉,但那里读作金的三样东西是全图最艳的(彩度 0.194 与 0.161),靠的是色相在画框里的名次;这里的柳彩度 0.082,还不如身边林地的 0.103。要造一个「金」的焦点,色轮和饱和度都可以一格不动——把明度的天花板腾出来给它就够了。

带走这组颜色

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

/* 伊黎耶林区·暮青 · Erinnyes Forest at Blue Dusk — Teyvat Palette */
:root {
  --dusk-overcast: oklch(0.5 0.075 242); /* 暮云蓝 #3a688a */
  --willow-gold: oklch(0.78 0.082 117); /* 柳冠金 #b3bf82 */
  --basin-mist: oklch(0.77 0.096 142); /* 谷雾青 #91c48b */
  --near-woods: oklch(0.57 0.103 145); /* 林绿 #4e8750 */
  --ridge-blue: oklch(0.43 0.064 234); /* 岭青 #28556e */
  --slope-shadow: oklch(0.39 0.075 157); /* 坡影绿 #1b5134 */
  --gradient-erinnyes-forest: linear-gradient(180deg, oklch(0.5 0.075 242) 0%, oklch(0.43 0.064 234) 20%, oklch(0.78 0.082 117) 42%, oklch(0.77 0.096 142) 56%, oklch(0.57 0.103 145) 76%, oklch(0.39 0.075 157) 100%);
}

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