Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
饱饮之陵·白昼
须弥昼晒白寂静古旧

饱饮之陵·白昼

Tomb of Carouses in Bleached Light

色卡

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

重构渐变

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

0%d1d7f934%c1c6f870%e6c18a100%b89392

为什么和谐

想改气候,先动明度中位数:同一片须弥沙漠、同一对色相(黄沙 + 紫霾),这里彩度中位数 0.071 比千壑沙地的 0.059 还高,却读作晒白而不是燥热——差的是明度中位数,0.82 对 0.69。

01

更苍白的那张,其实更饱和

饱饮之陵彩度中位数 0.071、峰值 0.130;千壑沙地 0.059、0.121。两张几乎在同一个饱和度区间,气候完全相反。所以「褪色感」不是靠降饱和度做出来的——那是大多数人第一个去动的旋钮,而它在这里是错的。

02

0.82 与 0.69 之间的十三个点

明度中位数:饱饮之陵 0.82,千壑沙地 0.69。抬高 13 个点,同一组沙与霾就从「正午的热」变成「过曝的白」——因为高明度同时压缩了可用的对比空间,画面失去纵深,读起来就像被光洗过。要调一个场景的气候,先量它的明度中位数,再决定动不动彩度。

03

对比只剩彩度可买

全图明度 p01 0.51、p50 0.82、p99 0.92——上方几乎没有余量,于是焦点无法用「更亮」做。门楣上那圈镶纹实测 L 0.64、彩度 0.103(峰值 0.121,全图最高档),把视线钉在陵墓正中,面积极小。这和颠倒古城是一条规则的两端:那边明度低到用尽,这边高到用尽,两边都只能用彩度买注意力。

带走这组颜色

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

/* 饱饮之陵·白昼 · Tomb of Carouses in Bleached Light — Teyvat Palette */
:root {
  --bleached-sand: oklch(0.83 0.083 77); /* 晒沙金 #e6c18a */
  --thin-haze: oklch(0.84 0.07 280); /* 薄霾紫 #c1c6f8 */
  --tomb-stone: oklch(0.81 0.09 268); /* 陵石白 #a8bffc */
  --shaded-sand: oklch(0.697 0.045 20.8); /* 阴沙褐 #b89392 */
  --inlay-red: oklch(0.64 0.103 28); /* 镶纹赤 #c37369 */
  --gradient-tomb-of-carouses: linear-gradient(185deg, oklch(0.885 0.048 278.1) 0%, oklch(0.84 0.07 280) 34%, oklch(0.83 0.083 77) 70%, oklch(0.697 0.045 20.8) 100%);
}

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