昼敞亮端整生发

须弥教令院·盛绿

Sumeru Akademiya, Green at Full Sun

色卡

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

重构渐变

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

0%3f86be24%2b857448%25664c68%a6926f84%bfbfac100%76ba4b

为什么和谐

一族能不能买焦点,不看它的均值,看它内部拉得多开。蓝带 210°–270° 占 40.21%、均值彩度 0.105,高过全图中位数 0.095,可它最浓的 3% 也只有 0.127,够不着全图 p99 的 0.155;绿带 90°–165° 占 26.05%、均值 0.082,低于中位数,最浓的 3% 却是 0.160,而全图最艳的 4000 个像素里 3990 个是它的,蓝只拿到 7 个。面积大 1.54 倍、均值浓 1.28 倍的那一族,一个最艳像素都没拿到——均值报的是一族有多稳,顶端报的是它有多分裂,而买焦点的钱只从分裂里出。

均值最高的一族一个最艳像素都没拿

把两条大带各自单量:210°–270° 是 354072 个像素、均值彩度 0.105,90°–165° 是 229385 个、均值 0.082,前者面积大 1.54 倍、均值浓 1.28 倍。可各取最浓的 3%,蓝只到 0.127(10622 个像素),绿到 0.160(6882 个);全图 p99 是 0.155,蓝这一族连它的百分之一都够不着,绿的百分之零点七八已经越了过去。最艳的 4000 个像素里 3990 个在 120°–150°、均值 0.162;而 240°–270° 只剩 7 个。天花板 0.192 因此归绿——不是因为绿更浓,是因为绿更不均匀。

绿被劈成两半,天没有

右侧那片被树冠罩住的草坡(0.78, 0.48 起)26450 个像素,L 0.46 / 彩度 0.079 / 色相 164°,它最浓的 3%(794 个)只到 0.147;下缘四分之一里的 90°–165° 是 102098 个像素,L 0.70 / 彩度 0.080,全图峰值 0.192 就落在那儿。两块草的均值彩度只差 0.001,明度差 0.24——这一族的均值被自己的荫面按住,顶端由受日的那一半单独顶上去。天没有这个结构:上缘四分之一的 210°–270° 有 179509 个像素、均值 0.111、峰值只有 0.152,天顶那块(0.35, 0.01 起)是 L 0.63 / 0.092。一片天是一块面,一片草是两块面。

同一座城,绿多了四倍

〈须弥城·青昼〉是同一座城的另一角:那张绿带只占 6.50%、均值彩度 0.094,高过它自己的中位数 0.081,全图峰值 0.170 就在绿上。这张的绿铺到 26.05%,均值反而掉到 0.082、落进中位数 0.095 之下,峰值却涨到 0.192。铺得越大,一族的均值越被自己的暗部拖低,买焦点的钱就只能从顶端出。所以别拿平均色判断一族够不够强:把它的荫面和受光面分开量,两者差得越开它越买得起焦点;差不开的那一族——这里是 40.21% 的天——哪怕最大最浓,也只是底。

带走这组颜色

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

/* 须弥教令院·盛绿 · Sumeru Akademiya, Green at Full Sun — Teyvat Palette */
:root {
  --sunlit-sward: oklch(0.72 0.16 135); /* 受日草 #76ba4b */
  --shaded-sward: oklch(0.46 0.079 164); /* 荫草青 #25664c */
  --akademiya-zenith: oklch(0.6 0.111 245); /* 院顶蓝 #3f86be */
  --canopy-teal: oklch(0.56 0.088 178); /* 冠影碧 #2b8574 */
  --eaves-gold: oklch(0.67 0.054 82); /* 檐脊金 #a6926f */
  --forecourt-pale: oklch(0.8 0.027 107); /* 阶前白 #bfbfac */
  --gradient-sumeru-akademiya: linear-gradient(180deg, oklch(0.6 0.111 245) 0%, oklch(0.56 0.088 178) 24%, oklch(0.46 0.079 164) 48%, oklch(0.67 0.054 82) 68%, oklch(0.8 0.027 107) 84%, oklch(0.72 0.16 135) 100%);
}

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

色卡