枫丹幽邃静谧冷辉

夏诺蒂拉与揭示之书·地辉

Canotila and the Book of Revealing in Groundglow

色卡

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

重构渐变

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

0%1d3d4830%23506958%1e7a7d82%5080f9100%cad6ff

为什么和谐

一条线读作「发光」还是「画上去」,由明度和彩度的符号关系定:法阵的刻线 L 0.88、彩度 0.058,它脚下那块阵面 L 0.63、彩度 0.187——亮了 0.25,彩度只剩三成。〈月荡海·夜潮〉那条主角线是两条通道一起跳出来的,〈万火之瓯·晴岚〉那条是两条都按住、只换色相;反向跳的这一条,读作光本身。

更亮,而且必须更淡

最亮的 4000 个像素里有 2963 个落在下半幅的法阵上,L 0.87–0.89、彩度 0.056–0.066,重心 (0.30, 0.89) 与 (0.52, 0.92);它们脚下那块阵面实测 L 0.63、彩度 0.187,而最艳的 4000 个像素 4000/4000 都在这里(L 0.54、彩度 0.239,峰值 0.259)。刻线的彩度 0.058 和全图中位数 0.061 是同一个数——它比洞里任何一块岩石都不更有颜色,只是更亮。机制不神秘:够强的光会把材质的固有色洗掉,所以交出彩度是「这是光,不是漆」的凭证;一条又亮又艳的线只会读作被照亮的颜料。要画一条发光的线,先量它脚下那块面的彩度,再把线做到它的三成。

同一条线,三种符号

〈月荡海·夜潮〉那条地平线是明度 0.13 → 0.70、彩度 0.026 → 0.137 一起跳出来的,读作两个世界的边界;〈万火之瓯·晴岚〉崖面上的流纹两条通道都按住(明度差 0.02、彩度差 0.009),只让色相隔开 118°,读作能量流过表面(两组数字均引自该两篇)。这里是第三种:明度涨 0.25、彩度反向掉到三成,色相只从 265° 走到 272°。三种组合对应三种读法,挑哪一种不看你画的是什么,看你要那条线当边界、当纹路,还是当光源。

洞里没有自己的绿

全图无彩像素只有 3.85%,可彩度中位数只有 0.061:洞顶岩壁 0.043、左侧巨岩 0.065、远端苔坡 0.048、右上书架那一带 0.033,整个洞穴都贴着中位数上下走,浓的只有法阵那一块(0.187,中位数的三倍)。颜色的来路量得出来——同一条草坡,烛台正下方是 147°,往外依次 189°、198°,到左侧远端已经是 221°;那点绿是 0.97% 的烛光(8,553 个像素,均值彩度 0.042)临时赎回来的,不是草自己的。一束单色的强光会把灰清光,却不会把画染浓;想知道底子浓不浓,量彩度中位数,无彩比例回答的是另一个问题。

带走这组颜色

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

/* 夏诺蒂拉与揭示之书·地辉 · Canotila and the Book of Revealing in Groundglow — Teyvat Palette */
:root {
  --sigil-blue: oklch(0.63 0.187 265); /* 阵心蓝 #5080f9 */
  --sigil-line: oklch(0.88 0.058 272); /* 阵纹白 #cad6ff */
  --cavern-rock: oklch(0.41 0.065 236); /* 洞岩青 #235069 */
  --mossy-slope: oklch(0.32 0.048 221); /* 苔坡暗蓝 #113844 */
  --candlelit-moss: oklch(0.64 0.064 147); /* 烛畔绿 #739776 */
  --shelf-amber: oklch(0.52 0.11 46); /* 书架烛暖 #9b522d */
  --gradient-canotila-and-the-book-of-revealing: linear-gradient(180deg, oklch(0.34 0.043 224) 0%, oklch(0.41 0.065 236) 30%, oklch(0.53 0.082 198) 58%, oklch(0.63 0.187 265) 82%, oklch(0.88 0.058 272) 100%);
}

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

色卡