稻妻昼梦幻清透神性

海祇岛·蜃境

Watatsumi Island, Mirage

色卡

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

重构渐变

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

0%6fc9f428%e6c1dc55%98cff880%73a1ca100%657bc3

为什么和谐

梦幻感有机械配方:把所有颜色关进色彩空间的右上角——五个色相带的均值全部落在 L 0.60–0.87、C 0.05–0.11,在这个区间里,粉贝壳和青崖这样的远亲也成了一家。

高明度低彩度就是梦

全图各色相带的均值无一例外落在 L 0.60–0.87、C 0.05–0.11。梦幻不是靠选对色相,是靠把整个色板推进「高亮、低彩」的区间——任何一组颜色进了这个角落,气质都会立刻变软。

粉当白用

珊瑚宫的贝壳实测 L 0.85、C 0.055,离白云只差一档彩度。它作为最大的建筑主材却不喧哗,因为它在这里扮演的是「有色的白」——高明度下的浅粉是极好的中性材质色,比纯白多一分体温。

唯一敢饱和的是紫

紫树以 C 0.11 的均值、0.23 的峰值成为全图彩度之最,占 7.7%。全员低彩的画面会散成一片雾,必须有一个「醒着的」色相压住阵脚——只让一族破格、其余守规,是 pastel 不腻的关键。

带走这组颜色

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

/* 海祇岛·蜃境 · Watatsumi Island, Mirage — Teyvat Palette */
:root {
  --clear-sky: oklch(0.795 0.106 231.5); /* 晴空蓝 #6fc8f4 */
  --mirage-mist: oklch(0.831 0.081 240.9); /* 蜃雾 #98cff8 */
  --coral-shell: oklch(0.851 0.055 336.2); /* 珊瑚粉 #e6c1dc */
  --haze-cliff: oklch(0.692 0.078 246.1); /* 雾崖青 #73a1ca */
  --spirit-violet: oklch(0.597 0.113 270.3); /* 灵紫 #667bc3 */
  --gradient-watatsumi-island: linear-gradient(180deg, oklch(0.795 0.106 231) 0%, oklch(0.851 0.055 336) 28%, oklch(0.831 0.081 241) 55%, oklch(0.692 0.078 246) 80%, oklch(0.597 0.113 270) 100%);
}

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

色卡