Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
希汐岛·夜辉
挪德卡莱夜清冽灵异辽阔

希汐岛·夜辉

Hiisi Island by Night Glow

色卡

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

重构渐变

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

0%95a7fd36%938cf368%5d6ee7100%3848c1

为什么和谐

白是最贵的颜色:98.5% 的像素彩度都在 0.05 以上、中位数高达 0.175,整幅画只有一个色相(87% 落在 270°–315°)——而接近白的像素被严格配给最亮的那一批,也就是发光体本身。

01

一个色相撑满一整幅画

紫带占 87.0%(均值 276°)、蓝带 11.9%(264°),两者只差 12°,实际上是同一族;彩度中位数 0.175,比海祇岛那种 pastel(0.05–0.11)高出一倍还多。海祇岛是把所有颜色关进「高明度低彩度」的角落,这里是关进「中明度高彩度」的另一个角落——两篇证明的是同一件事:气质来自你把色板锁进色彩空间的哪一块,不来自你挑了哪几个色相。

02

白只发给光源

全图最亮的那 4000 个像素平均 L 0.96,彩度掉到 0.020–0.031——确实接近白;它们全部落在发光植株与光柱上,位置实测在 (0.45, 0.72)、(0.57, 0.32)、(0.85, 0.73) 这几处核心。其余 98.5% 的像素彩度都不低于 0.05。这是高饱和单色相场景的纪律:白不是禁用,是限量供应,给了光源就不能再给别处,否则整块色调会被打穿。

03

雪不是白的,是紫的

左前方受光的雪坡实测 L 0.69、彩度 0.149、色相 285°,右侧远处的雪脊 L 0.75、彩度 0.125、274°——都稳稳留在紫族里,离全图 0.175 的彩度中位数不远。雪、雾、岩没有任何一样保留自己的固有色。想要「整体氛围」的最短路径不是加滤镜层,是让每一样材质都把自己的色相交出去,只留明度。

带走这组颜色

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

/* 希汐岛·夜辉 · Hiisi Island by Night Glow — Teyvat Palette */
:root {
  --night-violet: oklch(0.468 0.188 271.2); /* 夜幕紫 #3848c1 */
  --frost-slope: oklch(0.69 0.149 285); /* 霜坡紫 #938cf3 */
  --snow-ridge: oklch(0.75 0.125 274); /* 雪脊 #95a7fd */
  --spirit-white: oklch(0.96 0.025 225); /* 灵光白 #e1f6ff */
  --faint-ember: oklch(0.9 0.066 317); /* 微烬粉 #f0d1fc */
  --gradient-hiisi-island: linear-gradient(195deg, oklch(0.75 0.125 274) 0%, oklch(0.69 0.149 285) 36%, oklch(0.589 0.182 273.5) 68%, oklch(0.468 0.188 271.2) 100%);
}

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