稻妻昼高旷清烈岑寂

八酝岛·青穹

Yashiori Island under a Deep Vault

色卡

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

重构渐变

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

0%1c5ea512%e4fafe36%39839550%bf8bce68%50748b100%80b4aa

为什么和谐

蓝紫的浓度只能拿明度去换:同一族蓝、同一个晴天、同一个 210°–270° 窗口,八酝岛最浓的 3% 蓝在 L 0.53 上是彩度 0.137,〈神无冢·岚昼〉在 L 0.63 上只有 0.122。两张的蓝带天花板几乎一样高(0.182 对 0.177)——差别不在能到多浓,在肯不肯为浓度变暗。这张肯,所以它的天是深的,也所以它是四张里最像正午的一张。

天深一档,全画跟着浓一档

上缘那片天实测 L 0.48、彩度 0.132、色相 254°;〈神无冢·岚昼〉同样取上缘的天,是 L 0.68、彩度 0.110、240°。两张的蓝带峰值只差 0.005(0.182 对 0.177),可拿到手的均值差了 0.022——因为八酝岛肯把天放到 L 0.48,神无冢停在 0.68。色板想更浓又不许换色相,先降明度,加饱和度是加不出来的:天花板就在那儿,亮的地方它压得很低。

读作砂岩的那面大崖是 238° 的蓝

横贯中景的大崖眼睛报告黄褐砂岩,实测 L 0.54、彩度 0.055、色相 238°,是头顶那片天的 42%;下缘读作黄沙的那道滩 L 0.73、彩度 0.056、色相 182°,同矩形做 330°–90° 返回 nothing matched。全图 330°–90° 只有 84 个像素(0.009%)、均值彩度 0.029。〈鸣神岛·晴岚〉量过同一件事——崖 244°/0.065 对天 245°/0.110,色相一度不差、砍掉四成彩度;这里砍掉 58%,色相还多让了 16°。同一个规律,这张走得更远,因为它的天更浓,减出来的落差也更大。

98 个像素的红枫比整片海还浓

崖顶靠右立着一株红叶树,315°–345° 全图只有 98 个像素,均值 L 0.71、彩度 0.111、色相 319°,峰值 0.152。同一张画里,和它明度相仿的海面(L 0.74)只有彩度 0.077,占 87.81% 的蓝带均值也才 0.092。在 L 0.7 这一档上,蓝早就见顶了,粉红还有 0.111 可用——这就是「贵」和「便宜」的差别。高明度上想要一点真浓度,别指望蓝紫,把它交给红粉青绿。

带走这组颜色

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

/* 八酝岛·青穹 · Yashiori Island under a Deep Vault — Teyvat Palette */
:root {
  --deep-vault: oklch(0.48 0.132 254); /* 穹青 #1c5ea5 */
  --cumulus-white: oklch(0.97 0.024 209); /* 积云白 #e4fafe */
  --ridge-meadow: oklch(0.57 0.078 217); /* 岭草蓝 #398395 */
  --maple-rose: oklch(0.71 0.111 319); /* 枫粉 #bf8bce */
  --sandstone-blue: oklch(0.54 0.055 238); /* 砂崖蓝 #50748b */
  --pale-shore: oklch(0.73 0.056 182); /* 汀白青 #80b4aa */
  --gradient-yashiori-island: linear-gradient(180deg, oklch(0.48 0.132 254) 0%, oklch(0.97 0.024 209) 12%, oklch(0.57 0.078 217) 36%, oklch(0.71 0.111 319) 50%, oklch(0.54 0.055 238) 68%, oklch(0.73 0.056 182) 100%);
}

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

色卡