稻妻幽深隐秘花气

Depths of Mt. Yougou·幽樱

Depths of Mt. Yougou, Blossoms in the Gloom

色卡

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

重构渐变

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

0%642a7316%43286036%9dbc4f56%36443478%232e42100%2a261e

为什么和谐

同一件事在暗底里符号是反的:这顶樱冠受光的那一半 L 0.40、彩度 0.131,比背光半的 L 0.34、彩度 0.096 又亮又浓;而〈御温泉·耀昼〉的樱受光之后是 0.109 落到 0.102,浓度不升反降。画面正中那株盘成环的苔树给出同一个符号——受光的苔 L 0.75、彩度 0.141,环内背光的苔 L 0.37、彩度 0.034。所以「受光」这件事本身没有方向:亮场里它是漂白剂,暗场里它是唯一的染料。

暗底里,光是加彩度的

左上那顶樱冠 43,002 个像素:270°–315° 有 24,448 个,L 0.34、彩度 0.096、色相 304°;315°–345° 有 18,554 个,L 0.40、彩度 0.131、319°。受光半只亮了 0.06,却浓了 0.035,而且它就是全图的彩度天花板 0.189——最艳的 4000 个像素里 3019 个落在这里,位置 (0.09, 0.09)。〈天领奉行府·绀昼〉与〈御温泉·耀昼〉的同一对窗口都是下降(0.117 到 0.100、0.109 到 0.102)。三张画共用一族花、一对色相位置,唯一不同的是底子的明度中位数:0.32 对 0.43 与 0.47。

盘成环的那株苔树说同一句话

画面正中那株把自己盘成一个环的老树,枝背上覆着厚苔:取 90°–165° 最浓的 3%,505 个像素,L 0.75、彩度 0.141、色相 123°;环内背光的那截苔实测 L 0.37、彩度 0.034、142°——同一株树、同一种苔,受光的那面浓了四倍。它同时是全图最亮的东西,最亮的 4000 个像素有 1563 个落在 (0.50, 0.29) 的枝上,L 0.73。两种毫不相干的材质在同一张画里给出同一个符号,说明这是底子的性质,不是花的性质。

照不到的地方连色相都保不住

右下那条读作土褐的小径实测 L 0.27、彩度 0.016、色相 84°,低于无彩阈值 0.025;背后那面岩壁 L 0.29、彩度 0.035、267°;占去 38.37% 画面的蓝带均值只有彩度 0.040。右侧那顶埋在雾里的樱冠更直接:背光半漂到 283°,离左冠的 304° 有 21°,受光半却仍然是 325°——被光够到的那一撮守住了自己的色相,够不到的那一撮被环境收编了。暗场里彩度不是均匀分布的资源,它只发给被照到的表面;想让暗画里的一样东西有颜色,给它一束光,别给它更艳的颜料。

带走这组颜色

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

/* Depths of Mt. Yougou·幽樱 · Depths of Mt. Yougou, Blossoms in the Gloom — Teyvat Palette */
:root {
  --lit-blossom: oklch(0.4 0.131 319); /* 透樱粉 #642a73 */
  --shaded-blossom: oklch(0.34 0.096 304); /* 暗樱紫 #432860 */
  --lit-moss: oklch(0.75 0.141 123); /* 明苔绿 #9dbc4f */
  --shaded-moss: oklch(0.37 0.034 142); /* 阴苔绿 #364434 */
  --hollow-blue: oklch(0.3 0.04 263); /* 林隙蓝 #232e42 */
  --unlit-earth: oklch(0.27 0.016 84); /* 无光土 #2a261e */
  --gradient-depths-of-mt-yougou: linear-gradient(180deg, oklch(0.4 0.131 319) 0%, oklch(0.34 0.096 304) 16%, oklch(0.75 0.141 123) 36%, oklch(0.37 0.034 142) 56%, oklch(0.3 0.04 263) 78%, oklch(0.27 0.016 84) 100%);
}

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

色卡