纳塔昼高远轻盈缥缈

远古圣山·澄空

Ancient Sacred Mountain in Open Sky

色卡

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

重构渐变

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

0%2d69b516%5292ca47%dcb8a856%da8a9a72%7179ab100%abb7d3

为什么和谐

一族占到 86.73%,额度就只剩 0.059(p99 0.147 减中位数 0.088):没有一块面肯不上色,天花板 0.210 就自动归给最大的那块面——最艳的蓝均值 L 0.49 / 彩度 0.146,是右上角那块最深的天(实测 L 0.52 / 0.135),比全图明度中位数 0.71 低 0.19。而画面的叙事主角、中央岛上那道金环,15°–90° 的暖窗里只有 1,753 个像素、彩度 0.047、峰值 0.105,连天花板的一半都没到。想让主角艳过环境,先问环境肯不肯让出面积。

最艳的蓝不是天顶,是最暗的那块天

210°–270° 里最艳的 3%(22,908 个像素)实测 L 0.49 / 彩度 0.146,全图峰值 0.210 就在这里;而画框上缘那道天是 L 0.64 / 0.107,右上角最深的一块是 L 0.52 / 0.135。往下,托住浮岛的云海把明度顶到 0.78–0.84、彩度压回 0.042–0.085。同一族里浓度住在暗端,亮端是它的淡影——所以这幅画的彩度峰值和明度谷底是同一块东西,只要把天空的一角留深,不必再找第二个色相来当浓度的出口。

主角没有参加彩度的竞赛

中央那座岛上有一道金环,是整幅画唯一的人造发光物,也是所有人第一眼落点。它所在的矩形实测 L 0.78 / 彩度 0.056;把范围放宽、只取 15°–90° 的暖像素,也只有 1,753 个、彩度 0.047、峰值 0.105——不到全图 0.210 的一半。全图最亮的 1,814 个像素也不是它,是它右边那团云(L 0.94 / 彩度 0.030,落在 (0.75, 0.49))。它既不最亮也不最艳,靠的是位置在正中、轮廓被云托空。当额度只有 0.059,主角就买不起对比,只能改用构图付账。

0.059 是没让面的代价

无彩 1.76%、彩度中位数 0.088、p99 0.147——落差 0.059。同批四张的天花板是 0.199 / 0.204 / 0.207 / 0.210,极差只有 0.011,额度却是 0.125 / 0.051 / 0.100 / 0.059,差 2.5 倍。四张的光不同、明度中位数从 0.71 一路跌到 0.34、无彩从 1.18% 涨到 41.61%,天花板一动不动:决定一幅画「浓不浓」的从来不是它最艳的那一点有多艳,是有没有一块面肯闭嘴。做单色系界面同理——整屏都上同一族的色,强调态就再也提不起来,除非先把某一大块退成中性。

带走这组颜色

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

/* 远古圣山·澄空 · Ancient Sacred Mountain in Open Sky — Teyvat Palette */
:root {
  --deep-vault: oklch(0.52 0.135 256); /* 深穹蓝 #2d69b5 */
  --zenith-blue: oklch(0.64 0.107 247); /* 天顶蓝 #5292ca */
  --island-root: oklch(0.59 0.076 276); /* 岛根紫 #7179ab */
  --terracotta: oklch(0.72 0.099 7); /* 岩土红 #da8a9a */
  --ring-gold: oklch(0.81 0.047 45); /* 环金 #dcb8a8 */
  --cloud-sea: oklch(0.78 0.042 267); /* 云海白 #abb7d3 */
  --gradient-ancient-sacred-mountain: linear-gradient(180deg, oklch(0.52 0.135 256) 0%, oklch(0.64 0.107 247) 16%, oklch(0.81 0.047 45) 47%, oklch(0.72 0.099 7) 56%, oklch(0.59 0.076 276) 72%, oklch(0.78 0.042 267) 100%);
}

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

色卡