纳塔昏辽阔燠暖层叠

镜璧山·霞照

Tezcatepetonco Range in Afterglow

色卡

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

重构渐变

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

0%f0aea413%d3bbd333%9180a758%97566080%524320100%c05444

为什么和谐

压低中位数不一定要用灰:镜璧山的无彩只有 4.99%,七条超过 1% 的色相带铺满 94.66%,额度却还有 0.100(p99 0.172 减中位数 0.072)——压住中位数的是大面积「上了色但很淡」的东西,11.53% 的紫冠树彩度 0.060、红砂岩壁 0.087、台地草皮 0.055。灰能省的钱,淡色一样能省,而且省下来不必交出画面的身份。

淡是另一种灰

全图无彩只有 4.99%,可中间那一大片峡谷(横向 20%–80%、纵向 30%–60%)实测彩度只有 0.084,而同一块矩形里的峰值是 0.207。撑起这个 0.084 的是三样占掉半幅画的东西:红砂岩壁 L 0.53 / 0.087,崖顶紫冠树(270°–330°,106,285 个像素 = 11.53%)L 0.63 / 0.060,台地草皮 L 0.39 / 0.055——全部停在中位数 0.072 附近。同批的〈「编织处」·幽照〉用 41.61% 的无彩把中位数压到 0.028,这里用 4.99% 的无彩换来 0.072,额度只差 0.025。把大面积压在低彩度上,和把它抽成灰,对中位数的效果几乎一样;区别是前者还留着色相,而色相就是这片红土地的身份。

七族分不掉一个常数

八条色相带里有七条超过 1%,从红一路铺到粉,跨满整个色轮——可峰值只归一处:最艳的 4,000 个像素里 3,727 个落在 30°–60°,是谷底那道被火照亮的裂隙(实测 L 0.58 / 彩度 0.143 / 色相 30°)。反过来数冷半边:165°–255° 有 9,273 个像素(1.01%),均值彩度 0.042,峰值只有 0.097,不到暖端 0.207 的一半。色相多不等于每一族都买得起高度;天花板是整幅画的一个数,不按族分摊——所以多加一族颜色不会让画面更艳,只会让中位数更难压。

太阳在左边,是天空的两个角说出来的

左上角那块天 L 0.81 / 彩度 0.079 / 色相 29°,右上角 L 0.82 / 彩度 0.042 / 色相 325°:两角明度只差 0.01,色相却横跨 64°,彩度差近一倍——低太阳在左,这是本篇定「霞照」的依据,而不是靠把天压暗。同时这一整条天也在替中位数干活:它是画框上缘最大的一块面、明度顶到 0.81,彩度却只有 0.042–0.079,不到峰值 0.207 的一半。一片被夕照点着的天看着最「艳」,实测是全画最省钱的一块面——想要暖而不腻,把暖交给大面积的淡,把浓度留给一条缝。

带走这组颜色

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

/* 镜璧山·霞照 · Tezcatepetonco Range in Afterglow — Teyvat Palette */
:root {
  --afterglow-sky: oklch(0.81 0.079 29); /* 霞金天 #f0aea4 */
  --far-sky-rose: oklch(0.82 0.042 325); /* 背阳粉 #d3bbd3 */
  --red-scarp: oklch(0.53 0.087 10); /* 赤壁 #975660 */
  --canopy-violet: oklch(0.63 0.06 305); /* 冠紫 #9180a7 */
  --mesa-green: oklch(0.39 0.055 86); /* 台绿 #524320 */
  --gorge-fire: oklch(0.58 0.143 30); /* 谷火橙 #c05444 */
  --gradient-tezcatepetonco-range: linear-gradient(170deg, oklch(0.81 0.079 29) 0%, oklch(0.82 0.042 325) 13%, oklch(0.63 0.06 305) 33%, oklch(0.53 0.087 10) 58%, oklch(0.39 0.055 86) 80%, oklch(0.58 0.143 30) 100%);
}

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

色卡