须弥昼明快咸润悠然

法逻斯灯塔·晴云

Pharos Lighthouse under Fair-Weather Clouds

色卡

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

重构渐变

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

0%defcfd18%4888c252%adf2fe68%76bd6a100%2866b1

为什么和谐

灰有没有代价,看它站在纵深的哪一层。法逻斯灯塔的无彩 4.53% 几乎全在云上——最亮的 4000 个像素没有一个落在视平线以下,3298 个挤在最上一排格子里,L 0.97 / 彩度 0.031 / 色相 198°–203°。一块又白又大的面,却一分彩度天花板都没拿走:全图峰值 0.176,仍落在露天那条常数带里(〈道成林·雨霁〉0.165、〈善见地·雾深〉0.188),而且归的是近处的树冠和深水。想要一块中性大面又不想让全画褪色,把它放到所有实体的后面去。

最白的东西站在最后一层

最亮的 4000 个像素里,3298 个在最上一排的三格(重心 (0.13, 0.03) 与 (0.29, 0.02)),L 0.97 / 彩度 0.031 / 色相 198°–203°——那是占满上半幅的积云;其余 702 个也都在左侧同一片云上,没有一个越过视平线。它排在纵深的最后一层,和眼睛之间不挡任何东西,所以这 4.53% 的无彩是白给的:它买走了面积,没有买走彩度。铺中性面之前先问它挡在谁前面——挡不到东西的中性面不花钱。

天花板由两块近处的面平分,一块受光一块在影里

最艳的 4000 个像素分成两簇:2144 个在 120°–150°,L 0.73 / 彩度 0.135,重心 (0.59, 0.48)——岛上那丛压在灯塔右侧的树冠;1514 个在 240°–270°,L 0.51 / 彩度 0.134,重心 (0.40, 0.63)——栈桥左侧那片深水。两簇的明度差 0.22,彩度只差 0.001。彩度的顶不是「被照得最亮的那块」拿的奖,它是纵深位置的属性:两块都在近处,所以两块都够得着 0.176。

除了云,这幅画没有第二块灰

无彩只有 4.53%,而剩下的每样东西都握着自己的色相:云隙间的天 248°,左侧那条被晒白的远海 209° / 彩度 0.070,灯塔那顶看着是绿的穹顶实测 188°——它其实是青的,和树冠的 141° 差了 47°;岛上那几丛珊瑚色的棕榈冠是全图唯一的暖色,345°–15° 占 0.03%、315°–345° 占 0.01%,把棕榈那块矩形单独做 330°–30° 的搜索,最艳的 3% 只有 9 个像素、彩度 0.072。中性面被一次性收进最远的一层,前面就一格都不必让。要在高彩度的画里放中性,别把它撒开——集中到最远的一层,一块顶全部。

带走这组颜色

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

/* 法逻斯灯塔·晴云 · Pharos Lighthouse under Fair-Weather Clouds — Teyvat Palette */
:root {
  --island-canopy: oklch(0.73 0.135 141); /* 岛冠绿 #76bd6a */
  --pier-shadow-blue: oklch(0.51 0.134 255); /* 桥影蓝 #2866b1 */
  --dome-cyan: oklch(0.62 0.079 188); /* 穹顶青 #46968f */
  --zenith-blue: oklch(0.61 0.111 248); /* 顶天蓝 #4888c2 */
  --horizon-sea: oklch(0.92 0.07 209); /* 远海霁 #adf2fe */
  --cumulus-white: oklch(0.97 0.031 200); /* 积云白 #defcfd */
  --gradient-pharos-lighthouse: linear-gradient(180deg, oklch(0.97 0.031 200) 0%, oklch(0.61 0.111 248) 18%, oklch(0.92 0.07 209) 52%, oklch(0.73 0.135 141) 68%, oklch(0.51 0.134 255) 100%);
}

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

色卡