稻妻昼朦胧樱色静雅

稻妻城·雾樱

Inazuma City, Sakura in the Mist

色卡

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

重构渐变

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

0%85bbda30%bd97c755%70acb278%958ab7100%5184b7

为什么和谐

点缀色的两种用法在这张图上分出胜负:樱粉约 3%,和璃月港的暖色(2.6%)面积近似,却撒成满岛几十簇小点——聚是主角,撒是纹理,面积相同,角色两样。

撒开的点缀是氛围

樱粉(319°,C 0.080)加雷紫合计约 3%,拆成几十簇小点铺满全岛;璃月港几乎同样面积的暖色则聚成一条窄带。聚拢读作焦点,撒开读作纹理——想要氛围感就拆小撒匀,想要主角就收拢一处。

城是剪影

天守实测 250°、L 0.60,雾海 L 0.77——在 83% 的青雾里,建筑不是靠颜色差被看见的,是靠 0.17 的明度差。雾景里的城市就是一张剪影:细节交给轮廓,颜色可以完全让给环境。

紫是稻妻的户口

全图唯一成规模的非青色相是 296°–319° 的紫粉一族:雷电的紫与樱的粉共用一个色族。地区的视觉记忆可以只靠一族点缀色维系——底色随天气与时刻怎么变都行,户口色不换。

带走这组颜色

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

/* 稻妻城·雾樱 · Inazuma City, Sakura in the Mist — Teyvat Palette */
:root {
  --sea-mist: oklch(0.765 0.072 235.4); /* 海雾青 #85bbda */
  --shallow-teal: oklch(0.706 0.063 203); /* 浅滩青 #70acb2 */
  --castle-indigo: oklch(0.599 0.096 250.4); /* 天守蓝 #5284b7 */
  --sakura-pink: oklch(0.727 0.08 318.8); /* 樱粉 #bd97c7 */
  --electro-violet: oklch(0.66 0.067 296); /* 雷紫 #958ab7 */
  --gradient-inazuma-city: linear-gradient(180deg, oklch(0.765 0.072 235) 0%, oklch(0.727 0.08 319) 30%, oklch(0.706 0.063 203) 55%, oklch(0.66 0.067 296) 78%, oklch(0.599 0.096 250) 100%);
}

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

色卡