璃月温软丰盈透亮

沉玉谷·上谷·逆光

Chenyu Vale: Upper Vale, Backlit

色卡

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

重构渐变

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

0%c295b024%fed89842%ae7d5666%a98959100%54692f

为什么和谐

逆光画面里最亮、最艳的那一点不在太阳上,在一片叶子上:最亮的 4,000 个像素分成两簇,峰缝里的日光是 L 0.90、彩度 0.091,右缘那丛被穿透的树冠是 L 0.93、彩度 0.177。反射只能把颜色洗向白,透射是把光的明度乘上材质自己的色相——要画光,峰值发给被光穿过的东西,光源本身高明度低彩度就够了。

最亮的一点是叶子

全图最亮的 4,000 个像素落成两簇。一簇在 (0.53, 0.43),两座喀斯特峰之间的缝隙,太阳就压在那儿,均值 L 0.90、彩度 0.091;另一簇在 (0.96, 0.37),是右缘一丛被光从背后穿过的树冠,均值 L 0.93、彩度 0.177。叶子比太阳还亮,还艳了将近一倍。

整片天没越过 0.082

构成天空的两条色带——红 345°–15° 占 12.11%,粉 315°–345° 占 4.52%——峰值彩度都恰好停在 0.082,顶端那 6% 的天实测 L 0.72、彩度 0.064;而画面下三分之二的峰值是 0.218。反射面同样被洗过:全画只有 8 个像素落在 165°–315°,连湖面都是 77° 的黄绿(同一条山谷另一头的〈沉玉谷·南陵·晴雾〉,单是 165°–270° 就占 97.12%)。散射与反射把整段光谱一起抬高,抬高的方向是白不是纯——日落看着艳,艳的从来不是天。

透射是明度乘色相

把右缘那丛树冠里最艳的 3% 单独取出来:L 0.88、彩度 0.197、色相 125°——明度榜和彩度榜的头名是同一撮像素。薄叶不是把光弹回来,是让光带着叶子自己的色相穿过去,所以两个通道能同时到顶;反射面则每亮一分就淡一分。想让界面里的一块「发光」,别给它更白的高光,给它一层能透出自身色相的薄面。

带走这组颜色

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

/* 沉玉谷·上谷·逆光 · Chenyu Vale: Upper Vale, Backlit — Teyvat Palette */
:root {
  --dusk-mauve: oklch(0.72 0.064 342); /* 霞紫 #c295b0 */
  --sun-gap-gold: oklch(0.9 0.091 80); /* 日隙金 #fed898 */
  --lit-leaf: oklch(0.88 0.197 125); /* 透叶绿 #baed43 */
  --autumn-crown: oklch(0.61 0.143 47); /* 秋树橙 #c6642c */
  --hazed-bank: oklch(0.63 0.081 59); /* 雾岸金 #ae7d56 */
  --lake-sheen: oklch(0.65 0.076 77); /* 湖面黄绿 #a98959 */
  --lotus-pad: oklch(0.49 0.087 126); /* 荷叶绿 #54692f */
  --gradient-chenyu-vale-upper-vale: linear-gradient(180deg, oklch(0.72 0.064 342) 0%, oklch(0.9 0.091 80) 24%, oklch(0.63 0.081 59) 42%, oklch(0.65 0.076 77) 66%, oklch(0.49 0.087 126) 100%);
}

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

色卡