稻妻昏压顶诡谲紫电

清籁岛·雷眼

Seirai Island under the Storm's Eye

色卡

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

重构渐变

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

0%3c236918%a67aea44%3c236962%f8bfa9100%5e4e8e

为什么和谐

一条 2.3% 的暖色带能改写整幅画的时间:紫带独占 83.9%、彩度中位数 0.115,只有地平线上那道 L 0.85、色相 42° 的窄带告诉你这是黄昏而不是深夜——去掉它,同一片紫就变成了夜。

2.3% 决定了时刻

橙带 1.77% 加黄带 0.49%,合计 2.26%,全部挤在地平线那一条窄缝里;取那一带的暖色像素,实测 L 0.85、彩度 0.072、色相 42°。它是全画唯一的暖色,也是除雷电以外唯一亮过 0.8 的东西。这就是「时刻」的落脚点:紫云本身说不清时间,残霞说得清。给一幅冷调画定时间,不必调整主色,补一条 2% 的暖色带就够。

白是从颜色里挖掉的洞

全图彩度中位数 0.115、无彩像素只有 0.19%,而最亮的 4000 个像素平均 L 0.97、彩度**只有 0.022**——雷电与风眼核心是这幅画里唯一没有颜色的地方。无想刃狭间那一篇说「闪是 L 和 C 的暴力跳变」,这里是同一件事的静态版本:在一片处处带色的画面上,最亮处主动交出彩度,白因此读作强光而不是白漆。

同一族紫,靠彩度排出三层深浅

云层 L 0.33 / 彩度 0.116 / 296°,水面 L 0.47 / 0.101 / 293°,岸上树丛 L 0.51 / 0.198 / 298°——三块的色相在 293°–300° 之间只差 7°,分层靠的是彩度(0.101 / 0.116 / 0.198)和明度的交错。彩度峰值 0.269 落在风眼周围的云环。单色相画面要做出层次,可用的旋钮只剩两个,而这幅画把它们都用满了:全图彩度 p99 0.236,几乎顶到 OKLCH 在这个明度上能给的边界。

带走这组颜色

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

/* 清籁岛·雷眼 · Seirai Island under the Storm's Eye — Teyvat Palette */
:root {
  --storm-violet: oklch(0.33 0.116 296); /* 雷云紫 #3c2369 */
  --lagoon-violet: oklch(0.47 0.101 293); /* 潟水紫 #5e4e8e */
  --grove-violet: oklch(0.51 0.198 298); /* 树影紫 #773fc6 */
  --eye-halo: oklch(0.67 0.164 300); /* 风眼晕 #a67aea */
  --last-light: oklch(0.85 0.072 42); /* 残霞金 #f8bfa9 */
  --bolt-white: oklch(0.97 0.022 327); /* 电芯白 #fef0fd */
  --gradient-seirai-island: linear-gradient(180deg, oklch(0.33 0.116 296) 0%, oklch(0.67 0.164 300) 18%, oklch(0.33 0.116 296) 44%, oklch(0.85 0.072 42) 62%, oklch(0.47 0.101 293) 100%);
}

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

色卡