昼爽朗秾丽肃整

勘定奉行·秋霁

Kanjou Commission, Clear Autumn

色卡

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

重构渐变

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

0%e5f4ff16%84b9da34%97c9e156%3e516978%a9455d100%858f5d

为什么和谐

最亮和最艳不但分家,还分到了明度中位数的两侧:最艳的 4000 个像素均值 L 0.57,比全图中位数 0.64 低 0.07,质心在左坡那丛红枫上;最亮的 4000 个彩度只有 0.022,是左上那团积云。同批两张同为白昼晴天,顶端都站在亮侧(那夏镇的反重力环 0.63 对中位数 0.50,须弥教令院受日的草坡 0.72 对 0.63)。一撮颜色站在中位数的暗侧还是亮侧,报的是它靠固有色浓还是靠光浓——想画一样自己就有颜色的东西,别顺手提亮它。

最浓的一撮在暗侧

全图最艳的 4000 个像素里 3939 个落在 0°–30°,均值 L 0.57 / 彩度 0.171,质心报在 (0.30, 0.53) —— 左坡那丛最大的红枫。最亮的 4000 个则是 2685 个在 (0.31, 0.09)、1315 个在 (0.43, 0.11),同一团积云,彩度只有 0.022 与 0.019。全图明度中位数 0.64:最艳那一撮低了 0.07,最亮那一撮高了 0.32。两个极值不但落在两样东西上,还落在中位数的两侧,而这幅画从头到尾只有一轮太阳。

越红的树越暗

左坡那几丛是同一场秋天的三个阶段,三条色相带一路同向走:红 345°–15° 占 4.42%,色相 6° / 彩度 0.113 / 明度 0.53;橙 15°–45° 占 3.86%,27° / 0.101 / 0.59;黄 45°–90° 占 1.42%,60° / 0.089 / 0.67。色相走了 54°,彩度掉 0.024,明度升 0.14——最红的那一丛既最浓也最暗。单量红枫那一片(0.20, 0.45 起)的 345°–30°,20465 个像素均值 L 0.53 / 彩度 0.132,连它最浓的 3%(1106 个像素)也只到 L 0.60,仍在 0.64 之下。叶子是自己红的,不是被照红的。

拿明度中位数当尺

这把尺不要求画里有看得见的光源:〈王山厅·苔光〉判「在发光」要苔潭在明度和彩度上双双压过天窗,前提是天窗露脸;这里只要一条中位数,而中位数是白送的——蓝带占 59.49%、均值彩度 0.058,和全图中位数 0.058 一位不差,黑瓦(0.42, 0.20 起)0.046、阶前石铺(0.55, 0.85 起)0.024,六成的画面把浓度让干净了。让出来的浓度归了树:暖窗 330°–90° 那 89118 个像素(10.12%)均值 0.104,是中位数的 1.79 倍——可它们并没有跟着亮起来。要画一样固有色浓的东西,先量它落在明度中位数哪一侧;落到亮侧,读者会读成「那里有光」,而不是「那是红的」。

带走这组颜色

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

/* 勘定奉行·秋霁 · Kanjou Commission, Clear Autumn — Teyvat Palette */
:root {
  --maple-crimson: oklch(0.53 0.132 8); /* 秋枫丹 #a9455d */
  --amber-maple: oklch(0.67 0.114 47); /* 落照橙 #ce7e55 */
  --bank-grass: oklch(0.63 0.072 118); /* 岸草青 #858f5d */
  --clear-sky-blue: oklch(0.76 0.073 236); /* 晴海蓝 #84b9da */
  --far-shoal-haze: oklch(0.81 0.062 228); /* 远汀霭 #97c9e1 */
  --commission-tile: oklch(0.43 0.046 254); /* 奉行瓦 #3e5169 */
  --cumulus-white: oklch(0.96 0.022 240); /* 积云白 #e5f4ff */
  --gradient-kanjou-commission: linear-gradient(180deg, oklch(0.96 0.022 240) 0%, oklch(0.76 0.073 236) 16%, oklch(0.81 0.062 228) 34%, oklch(0.43 0.046 254) 56%, oklch(0.53 0.132 8) 78%, oklch(0.63 0.072 118) 100%);
}

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

色卡