Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
阿如的倒影·白光
须弥昼肃穆空阔曝白

阿如的倒影·白光

Aaru's Shut in White Light

色卡

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

重构渐变

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

0%f9fae920%9a98b045%7c5e5670%684d4d100%c18246

为什么和谐

这幅画的彩度不是光给的,是人刻上去的:全图最亮的 4000 个像素彩度只有 0.003,一片空铺石 0.039、方尖碑柱身 0.043,峰值都不过 0.075——而脚下正中那块嵌花石板,最饱和的 3% 是 0.109。光源本身没有颜色时,彩度就不再是光的属性,而成了「谁被人动过」的标记。

01

太阳没有颜色

顶部 12% 的天实测 L 0.98、彩度 0.022,全图最亮的 4000 个像素彩度 0.003——白得没有色相可言。连太阳那一侧也一样:左上角(y<0.06)的天彩度 0.037,右上角同高只有 0.007,方向是这片光唯一还能读出的信息。白光不给任何东西上色,画面里每一处颜色于是都是那样东西自己的——〈塞洛海原·水光〉是反过来的证明,介质一染,所有材质就并成同一个色相。想让固有色说话,先把光去色。

02

彩度的天花板画在人手上

把彩度最高的 4000 个像素挑出来,3800 个挤在 (0.50, 0.88) 与 (0.49, 0.80)——脚下正中那块嵌花石板,均值 0.105–0.108、峰值 0.140。同一种石头做的别的东西:一片空铺石 0.039(峰值 0.075)、左侧方尖碑的柱身 0.043(峰值 0.070),连神龛上那只鎏金翼徽的最饱和 3% 也只有 0.071——全图的彩度峰值不在圣坛上,在脚下。这些色相全部落在 20–63° 的同一族里,分开它们的只有彩度:同材质同光照的画面不必再找第二个色相,划一条彩度线就够,而且越线的那些自动读作「被人动过」。

03

最淡的那道反而领路

广场(画面下 60%)里落在 165–270° 的像素总共 469 个,占 0.09%,彩度 0.036、峰值 0.073——比它压着的铺石(0.042)还低,是嵌花(0.109)的三分之一,却是视线第一条跟着走的线。〈霜月·地照〉里的熔光彩度 0.063 已经低于邻居的大气弧 0.072;这里更彻底,它低于周围的一切。它还能领路,是因为自然在这幅画里一个冷像素都不肯出:天是白的,唯一的冷是远处台地上那层霾(288°,2.65%),而它几乎全关在地平线以上——落在 270–330° 的像素,y<0.45 有 22,919 个,以下只剩 1,356 个。想让一条细线被看见,别先加亮它,先把画面里和它同族的自然噪声清空。

带走这组颜色

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

/* 阿如的倒影·白光 · Aaru's Shut in White Light — Teyvat Palette */
:root {
  --bleached-sky: oklch(0.98 0.022 110); /* 曝白天光 #f9fae9 */
  --haze-violet: oklch(0.69 0.034 289); /* 远霾紫 #9a98b0 */
  --paving-tan: oklch(0.51 0.042 34); /* 砂砖褐 #7c5e56 */
  --step-shadow: oklch(0.45 0.037 20); /* 阶影褐 #684d4d */
  --inlay-gold: oklch(0.66 0.109 63); /* 嵌花金 #c18246 */
  --ley-blue: oklch(0.67 0.059 215); /* 秘仪蓝 #6a9fac */
  --gradient-aarus-shut: linear-gradient(172deg, oklch(0.98 0.022 110) 0%, oklch(0.69 0.034 289) 20%, oklch(0.51 0.042 34) 45%, oklch(0.45 0.037 20) 70%, oklch(0.66 0.109 63) 100%);
}

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