Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
二净甸·日晕
须弥昼开阔明净潮润

二净甸·日晕

Vissudha Field in a Solar Halo

色卡

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

重构渐变

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

0%5aa8d526%f4fafb46%5a97bf72%609c98100%76b072

为什么和谐

彩度额度(p99 减中位数)量的不是最艳那一点有多高,是贴着天花板那一撮有多厚——而厚薄由那一撮到底是什么东西决定。二净甸是归零那一端:0.113 减 0.088 只有 0.025。原因不在峰值,0.148 并不低;在于最艳的 4000 个像素里 3988 个落在右下那片草台上,而绿这一族的均值彩度 0.089,和占了 67.68% 的蓝一模一样,也等于全图中位数 0.088。顶端只是主色离你最近的那一段,不是第二样东西。想知道一幅画在彩度上还有没有焦点可用,别读 Cmax,把顶端那一撮圈出来问它是谁——它要是主色本身,这条通道就是空的。

01

顶端那一撮就是主色本身

最艳的 4000 个像素里 3988 个落在 120°–180°,两撮的重心是 (0.72, 0.86) 和 (0.64, 0.76)——都在右下那片受光的草台上。可草台并不是外来户:绿带占 10.22%、均值彩度 0.089,而占 67.68% 的蓝带均值也是 0.089,全图中位数 0.088。把那片草最近的一角单独取出来(0.60, 0.78 起,只算 90°–165°),它最浓的 3% 也只有 0.107。顶端和中位数是同一块草的两头,于是 p99 只比 p50 高 0.025。审一张画的彩度通道,先问顶端那一撮的身份,再看它的高度。

02

上半幅只有 24 个绿像素

画面上 45% 里,落在 90°–165° 的像素总共 24 个;下面那 55% 有 89993 个。而上半幅并不是空的——主峰的坡上、左侧的岭上到处是看得出轮廓的树。〈坠星山谷·晴远〉讲过远景把固有色全额交给空气,那里是一条渐变,这里是一刀切:空气不但把远处的绿调淡,是整族换成了 232° 的蓝。后果正落在额度上——一幅长满树的雨林,画里根本没有第二个色相族能站出来顶价,连近处那片草的均值都被压到和空气同价。

03

彩度只剩 0.025 时,明度还有 0.31

同一把算法(p99 减 p50)量明度:0.99 减 0.68 是 0.31,是彩度额度 0.025 的 12.4 倍。这笔钱花在一个地方——最亮的 4000 个像素有 2905 个挤在 (0.32, 0.27) 那一格,主峰背后透出来的日晕,实测 L 1.00 / 彩度 0.001;它周围那片(0.30, 0.22 起)也只有 L 0.87 / 彩度 0.037。全图无彩才 2.87%,却把仅有的一撮全发给了这团光。两条通道的额度可以差十几倍,配色前先各算一次:钱在哪条上,焦点就只能建在哪条上。

带走这组颜色

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

/* 二净甸·日晕 · Vissudha Field in a Solar Halo — Teyvat Palette */
:root {
  --sky-crown: oklch(0.7 0.101 236); /* 顶天蓝 #5aa8d5 */
  --ridge-haze: oklch(0.65 0.087 239); /* 岭雾蓝 #5a97bf */
  --peak-glare: oklch(0.98 0.006 215); /* 峰后晕 #f4fafb */
  --cliff-teal: oklch(0.65 0.063 190); /* 崖阴青 #609c98 */
  --plateau-green: oklch(0.68 0.089 150); /* 台地绿 #6fa87b */
  --near-slope: oklch(0.7 0.107 143); /* 近坡翠 #76b072 */
  --gradient-vissudha-field: linear-gradient(180deg, oklch(0.7 0.101 236) 0%, oklch(0.98 0.006 215) 26%, oklch(0.65 0.087 239) 46%, oklch(0.65 0.063 190) 72%, oklch(0.7 0.107 143) 100%);
}

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