稻妻昼明媚清冽花气

秋沙钱汤·樱昼

Aisa Bathhouse in Blossom Light

色卡

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

重构渐变

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

0%74539d18%2067b132%ebfcfe60%1f324586%515b70100%a278a5

为什么和谐

一团颜色的名字由它受光的那一小撮说了算:樱树冠里落在紫带的 70,270 个像素均值 303°、L 0.51、彩度 0.117,真正落在粉带的只有 3,860 个——占 5.2%,明度却高出 0.14,整棵树的名字是它们独自签下的。想让一大片面读作某个颜色,只把它受光的那一层调过去。

紫的是树,粉的是光

把樱冠那块矩形拆成两个色相窗口分别量:270°–315° 里有 70,270 个像素,均值 303°、L 0.51、彩度 0.117;315°–345° 里只有 3,860 个,均值 321°、L 0.65。后者是前者的十八分之一,明度却高 0.14——那正是被日光照到和穿透的那一层花瓣。眼睛不给阴影里的色相投票,它只认自己确认得了「这是一块受光的表面」的那一撮。

粉是一条明度带,不是一个色相

全图落在 315°–345° 的像素只有 0.99%,均值 L 0.63,而全图明度中位数是 0.45。撒在广场石板上的落瓣实测 327°、L 0.56,同一块矩形里的石板只有 L 0.39;飘在半空的花瓣 329°、L 0.56,身后的天 L 0.48。粉在这张画里一次也没有出现在暗处——它每次露面都比自己的邻居高 0.17 或 0.08。所以这里的粉不是调出来的色相,是「受光」的副产品。

留给 5% 的那口气

全图 69.84% 的像素挤在蓝带上、均值 252°:天、屋瓦、汤屋的木构(250°)、广场石板(266°)共用一个色相,这棵樱树是画里唯一的例外。若整冠都刷成 321° 的粉,它就要隔着 68° 去顶彩度 0.136 的天;画面的做法是让 94.8% 的树冠退回 303°、离天只剩 50°,粉只发给受光的 5%。想让一大片面读作某个颜色,调它受光的边缘、别调它的主体——省掉一半彩度预算,还更像真实的光。

带走这组颜色

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

/* 秋沙钱汤·樱昼 · Aisa Bathhouse in Blossom Light — Teyvat Palette */
:root {
  --sakura-violet: oklch(0.51 0.117 303); /* 樱冠紫 #74539d */
  --lit-petal: oklch(0.63 0.081 324); /* 落樱粉 #a278a5 */
  --clear-sky: oklch(0.51 0.136 253); /* 晴空蓝 #2067b1 */
  --cumulus-white: oklch(0.98 0.018 204); /* 云白 #ebfcfe */
  --bathhouse-timber: oklch(0.31 0.043 250); /* 汤屋墨 #1f3245 */
  --plaza-flagstone: oklch(0.47 0.036 266); /* 石板青 #515b70 */
  --gradient-aisa-bathhouse: linear-gradient(160deg, oklch(0.51 0.117 303) 0%, oklch(0.51 0.136 253) 18%, oklch(0.98 0.018 204) 32%, oklch(0.31 0.043 250) 60%, oklch(0.47 0.036 266) 86%, oklch(0.63 0.081 324) 100%);
}

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

色卡