挪德卡莱清寒空寂幽微

希汐岛·余光

Hiisi Island in the Last Light

色卡

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

重构渐变

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

0%1e275d55%223b8678%3655d7100%d9cbff

为什么和谐

明度可以并列,无彩不能:天占走了最亮的 4000 个像素里的 3796 个(L 0.87、彩度 0.070 与 0.074),崖壁上那道发光的符文只剩 204 个、明度 0.88 只高出 0.01——分开这两块面的是彩度 0.015 对 0.074。全图无彩只有 0.10%,而〈来歆山·浮岚〉那张「灰最稀缺」的画是 2.67%;稀缺到这个地步,204 个像素就够当一幅画唯一的光。做发光别去争最亮,去争全画唯一没有色相。

最亮的不是光,是剩下的天

最亮的 4000 个像素分成两处:3796 个在右上角海天之间那片余光里,位置 (0.86, 0.19) 与 (0.87, 0.21),均值 L 0.87、彩度 0.070 与 0.074、色相 294° 与 301°;只有 204 个在崖壁中段那道符文上 (0.25, 0.46),L 0.88、彩度 0.015。明度上这两处分不出高下,而符文那 204 个像素已经压到 0.025 的无彩阈值以下——全图做得到这件事的像素统共只有 0.10%。这幅画因此没法用「亮」判断谁在发光:天还没黑透,天就是最亮的。时刻也是因为这个空着——余光读不出是黄昏还是黎明,而全画 330°–90° 只有 70 个像素,一片有暖色的暮天该留下的东西,这里一样也没有。

符文是紫的,只有芯是白的

把那道符文连同被它烘亮的一圈岩壁圈出来(0.23,0.42,0.06,0.06),整块读数是 L 0.70、彩度 0.047、273°;取这块里最艳的 3%,是 269°、彩度 0.103——连它自己地盘上最饱和的像素也还是紫的。把范围放大到 0.20,0.38,0.14,0.16 再只数 330°–90° 的暖像素:一个也没有。那团金色不是画上去的,是芯里 204 个交出了彩度的像素,加上四周 273° 的场替它补出来的补色。〈虚海望·幽蓝〉量过同一件事,那座洞 89.65% 的像素在 210°–270°、洞口彩度 0.024、全画的金只有 441 个像素;这里更狠——全画符合 330°–90° 的暖像素只有 70 个,而单独量沙滩中段那只小蟹(0.57,0.51,0.05,0.05)同样是 70 个,均值 349°、彩度 0.064。这幅画全部的暖,就是那一只蟹,而它比画面自己的彩度中位数 0.095 还淡。

地上每一样东西都是同一个颜色

崖壁 L 0.30、彩度 0.096、272°;滩上那几丛晶簇植株 L 0.32、彩度 0.093、259°;潮线以内的沙滩 L 0.32、彩度 0.080、267°——三样毫不相干的材质,明度差 0.02、彩度差 0.016、色相拢共 13°。全图 99.80% 的像素挤在 210°–315°,15°–165° 这 150° 宽的窗口里只剩 75 个像素。同一座岛的〈希汐岛·夜辉〉彩度中位数 0.175、无彩 0.27%,它的结论是白严格配给最亮的发光体——那张画最亮的 4000 个像素散在七格里,L 0.96–0.97、彩度 0.020–0.031,全是发光体本身,「最亮」和「最淡」是同一批像素,看不出到底是哪一件在起作用。这张把两件事拆开了:天拿走最亮,符文只拿到最淡,读作光的是后者。所以做一个「在发光」的元素,不必比背景更亮,背景甚至可以更亮;要保证的是全画只有它交出了色相。

带走这组颜色

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

/* 希汐岛·余光 · Hiisi Island in the Last Light — Teyvat Palette */
:root {
  --cliff-stone: oklch(0.3 0.096 272); /* 崖岩紫 #1e275d */
  --crystal-fern: oklch(0.32 0.093 259); /* 晶草蓝 #123161 */
  --tide-sand: oklch(0.32 0.08 267); /* 潮沙紫 #20305b */
  --deep-water: oklch(0.51 0.202 268); /* 深海青 #3655d7 */
  --shore-haze: oklch(0.87 0.072 297); /* 岸霭 #d9cbff */
  --sigil-white: oklch(0.88 0.015 273); /* 符光白 #d4d7e2 */
  --gradient-lunar-treasury-hiisi-island-location-context: linear-gradient(45deg, oklch(0.3 0.096 272) 0%, oklch(0.38 0.129 266) 55%, oklch(0.51 0.202 268) 78%, oklch(0.87 0.072 297) 100%);
}

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

色卡