稻妻昼敞亮熙暖春盛

御温泉·耀昼

Royal Hot Springs in Blazing Daylight

色卡

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

重构渐变

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

0%2c6eb016%cb95cf34%74599d56%22416474%632c2c100%a69eab

为什么和谐

更蓝的天换不来更浓的画:同一座奉行式建筑、同一片天、同一棵樱,这里天顶的彩度 0.123 比〈天领奉行府·绀昼〉的 0.087 浓了近一半,全图彩度中位数却更低(0.041 对 0.056),无彩多出八个百分点(24.98% 对 16.58%)。差额全在地上——同一个矩形量两张的庭院石板,那边是 L 0.42、彩度 0.058、268°,这里是 L 0.71、彩度 0.021、311°。一幅画有多少颜色,由太阳照到多少地面决定,不由天有多蓝决定。

受光半买到的是明度,不是彩度

樱冠取一对色相窗口:270°–315° 是 62,369 个像素,L 0.52、彩度 0.109;315°–345° 是 43,157 个,L 0.74、彩度 0.102。受光半亮了 0.22,浓度反而少了 0.007。〈天领奉行府·绀昼〉同一对窗口是 0.117 落到 0.100,少 0.017。两张亮画里「被照到」都是加明度、减彩度——粉不是更浓的紫,是更亮更淡的紫。想画阳光下的花,先把彩度调低再把明度推上去,顺序反了就成了塑料。

同一块石板,一张在影里一张在日下

用完全相同的矩形 (0.35, 0.86, 0.24, 0.12) 量两张的庭院,各 26,488 个像素:〈天领奉行府·绀昼〉是 L 0.42、彩度 0.058、色相 268°——那是天发下来的蓝;这里是 L 0.71、彩度 0.021、311°,彩度已经掉到无彩阈值 0.025 以下。左侧那面被直射光正打的白壁更彻底,L 0.96、彩度 0.025。这幅画 24.98% 的无彩像素几乎全是这么来的:不是画师铺了一层灰,是太阳把地上的颜色洗掉了。

天更蓝,画更淡

天顶实测 L 0.53、彩度 0.123、色相 251°,最艳的 4000 个像素有 3288 个落在 240°–270° 的天上,位置 (0.58, 0.13)——天是这张画里最艳的一块面。可全图彩度中位数只有 0.041。屋脊上的金饰交的是同一张白卷:5,504 个像素做 15°–105° 搜索只剩 5 个,整块实测 L 0.38、彩度 0.039、250°。一幅画的浓淡不写在最艳的那块上,写在中位数上,而中位数由受光面积决定。想让画面浓,先给它阴影。

带走这组颜色

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

/* 御温泉·耀昼 · Royal Hot Springs in Blazing Daylight — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.53 0.123 251); /* 穹顶蓝 #2c6eb0 */
  --sunlit-crown: oklch(0.74 0.102 324); /* 日樱粉 #cb95cf */
  --shaded-crown: oklch(0.52 0.109 301); /* 背樱紫 #74599d */
  --bleached-court: oklch(0.71 0.021 311); /* 曝白石 #a69eab */
  --navy-keep: oklch(0.37 0.07 252); /* 汤屋绀 #224164 */
  --vermilion-rail: oklch(0.37 0.08 22); /* 朱栏红 #632c2c */
  --gradient-royal-hot-springs: linear-gradient(180deg, oklch(0.53 0.123 251) 0%, oklch(0.74 0.102 324) 16%, oklch(0.52 0.109 301) 34%, oklch(0.37 0.07 252) 56%, oklch(0.37 0.08 22) 74%, oklch(0.71 0.021 311) 100%);
}

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

色卡