枫丹昼高旷澄明峭拔

枫丹动能工程科学研究院区·晴瞰

Fontaine Research Institute of Kinetic Energy Engineering Region in Clear Daylight from Above

色卡

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

重构渐变

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

0%a9dcfd18%8cd5ff34%3061d852%5c96c176%51aaa2100%74c07d

为什么和谐

画里看得见的那块天,通常不是照亮画里东西的那块天:这张高空俯瞰的上缘紧贴地平线,整片天实测 L 0.87 / 彩度 0.070,左中右三块 0.075 / 0.073 / 0.073,没有一个像素越过 0.099;而全图最艳的 4000 个像素里 3610 个蹲在中央尖峰不受光的那面岩上,L 0.53 / 彩度 0.191 / 色相 264°,峰值 0.234。背光面比它唯一的光源艳 2.7 倍,因为给它上色的是取景框外的天顶。画阴影别从画面里的天空吸色——那个读数已经被空气改过一遍。

最艳的一块是影子,不是天

最艳的 4000 个像素里 3610 个落在 240°–270°,均值 L 0.53 / 彩度 0.191 / 色相 264°,峰值点坐标 (0.42, 0.19)——中央那座尖峰不受光的岩面;同一座峰被照到的一面是 L 0.65 / 彩度 0.089 / 色相 242°——受了光反而更淡,色相还退回去 22°。天那边一个数都够不着:上缘一整条 L 0.87 / 彩度 0.070,分开量左中右是 0.075 / 0.073 / 0.073,最高的一个像素只有 0.099。全图彩度天花板 0.234,是整片天最高值的 2.4 倍。

框住的是地平线,不是天顶

这是一幅高空俯瞰,画框上缘紧挨着地平线,留在画里的天全是隔了一整个大气厚度的那一条,所以它淡。同一个枫丹、同一轮太阳,苍晶区把镜头抬起来,正中那块天顶实测彩度 0.190——是这里 0.070 的近三倍。背光岩听的不是画里这条天,是框外那块 0.190 的天顶,它只是没被拍进来。〈下风蚀地·薄晴〉在另一个国家量到同一件事:天 274° / 彩度 0.051,背光崖面 0.141,2.8 倍;这里 0.070 到 0.191,2.7 倍。〈万端珊瑚侦探社·荫昼〉那条「天光转手一次掉到一半以下」并不冲突——它的分母是真正照亮那块地的天,而不是画框里离地平线最近的一条。

一块影子买得起最高的点,买不起一层楼

这幅画的 Cmax 0.234 是六个枫丹场景里最高的,可它的彩度 p99 只有 0.163、和莫尔泰区一模一样,中位数 0.094 和白露区的 0.093 只差 0.001——一块背光岩把最艳的那个点买了下来,整幅画的浓度一点没动。两件事因此可以分开采购:想要一个最艳的点,给它一块背光的面,比拧高它自己的饱和度真实得多;想要画面浓,那是另一笔预算,只能用面积买(这里 10.14% 的绿均值 0.118、10.93% 的青 0.085,加起来才把中位数托到 0.094)。而无论买哪一样,取色都不要从画里那片天上取。

带走这组颜色

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

/* 枫丹动能工程科学研究院区·晴瞰 · Fontaine Research Institute of Kinetic Energy Engineering Region in Clear Daylight from Above — Teyvat Palette */
:root {
  --haze-sky: oklch(0.87 0.07 238); /* 霭天蓝 #a9dcfd */
  --far-sea: oklch(0.84 0.094 235); /* 远海蓝 #8cd5ff */
  --ridge-shade: oklch(0.53 0.191 264); /* 峰影紫 #3061d8 */
  --lit-rock: oklch(0.65 0.089 242); /* 受光岩 #5c96c1 */
  --shoal-pool: oklch(0.68 0.086 188); /* 浅潭青 #51aaa2 */
  --slope-green: oklch(0.74 0.121 147); /* 坡草绿 #74c07d */
  --gradient-fontaine-research-institute-of-kinetic-energy-engineering-region: linear-gradient(180deg, oklch(0.87 0.07 238) 0%, oklch(0.84 0.094 235) 18%, oklch(0.53 0.191 264) 34%, oklch(0.65 0.089 242) 52%, oklch(0.68 0.086 188) 76%, oklch(0.74 0.121 147) 100%);
}

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

色卡